/* Settings layer: design tokens only. */

:root {
  /* palette: ivory base, deep purple, vivid gold */
  --c-paper: #fbf8f0;
  --c-paper-2: #f3ecdb;
  --c-card: #fffdf6;
  --c-ink: #241733;
  --c-ink-soft: #4c3f5e;
  --c-purple: #3a1d5c;
  --c-purple-deep: #2a1244;
  --c-purple-tint: rgba(58, 29, 92, 0.08);
  --c-gold: #e9a820;
  --c-gold-deep: #c78a0d;
  --c-gold-tint: rgba(233, 168, 32, 0.16);
  --c-line: rgba(58, 29, 92, 0.35);
  --c-line-soft: rgba(58, 29, 92, 0.18);
  --c-on-purple: #f6efdf;

  /* type */
  --f-display: "Barlow Condensed", "Arial Narrow", sans-serif;
  --f-body: "Source Serif 4", Georgia, serif;

  /* spacing scale, 8-based */
  --s-1: 0.25rem;
  --s-2: 0.5rem;
  --s-3: 1rem;
  --s-4: 1.5rem;
  --s-5: 2rem;
  --s-6: 3rem;
  --s-7: 4rem;
  --s-8: 6rem;

  /* layout */
  --container: 72rem;
  --gutter: clamp(1rem, 4vw, 2rem);

  /* motion */
  --ease: cubic-bezier(0.22, 0.7, 0.3, 1);
}