/* Hallmark · tokens · client: pharaoh (Break The Loop) · v2-E journey (tokens inherited from v2-D)
 * Palette family = context/pharaoh/assets/design.md (gold #d4af37 on near-black).
 * Faces depart from v1 on purpose: Cormorant Garamond (light display, real lowercase) + DM Sans (labels, body).
 * Anchor: taste vault moto-card-com (rgb(8,8,8) ground, grey neutrals, small 500-weight sans, 8px rhythm). */
:root {
  --color-paper:      oklch(9% 0.006 85);        /* near-black, warm-tinted */
  --color-paper-2:    oklch(12% 0.008 85);
  --color-paper-3:    oklch(16% 0.01 85);
  --color-rule:       oklch(24% 0.014 85);
  --color-rule-soft:  oklch(18% 0.012 85);
  --color-ink:        oklch(93% 0.012 88);       /* bone */
  --color-ink-2:      oklch(80% 0.014 88);
  --color-muted:      oklch(64% 0.014 88);
  --color-faint:      oklch(50% 0.012 88);
  --color-accent:     oklch(76.7% 0.139 91);     /* #d4af37 */
  --color-accent-2:   oklch(84% 0.12 92);
  --color-accent-ink: oklch(12% 0.01 85);
  --color-accent-line:oklch(76.7% 0.139 91 / .34);
  --color-bloom:      oklch(76.7% 0.139 91 / .11);
  --color-focus:      oklch(84% 0.12 92);
  --color-accent-0:   oklch(76.7% 0.139 91 / 0);
  --color-scrim:      oklch(7% 0.006 85);
  --color-scrim-0:    oklch(7% 0.006 85 / 0);
  --color-scrim-60:   oklch(7% 0.006 85 / .6);
  --color-scrim-80:   oklch(7% 0.006 85 / .8);
  --color-scrim-94:   oklch(7% 0.006 85 / .94);
  --mask-on:          oklch(0% 0 0);

  --font-display: "Cormorant Garamond", "Cormorant", "Garamond", "Times New Roman", serif;
  --font-body:    "DM Sans", "Helvetica Neue", Arial, sans-serif;

  --text-2xs:  0.6875rem;
  --text-xs:   0.75rem;
  --text-sm:   0.8125rem;
  --text-md:   1.0625rem;
  --text-lg:   1.375rem;
  --text-xl:   1.5rem;
  --text-2xl:  2.2rem;
  --text-3xl:  2.7rem;
  --text-display: 3.5rem;
  --text-lede:  1.35rem;
  --text-clock: 1.7rem;
  --text-timer: 2.6rem;
  --text-hook:  1.6rem;
  --text-hero:  3.5rem;
  --text-numeral: 4.6rem;

  --space-2xs: 0.25rem;
  --space-xs:  0.5rem;
  --space-sm:  0.75rem;
  --space-md:  1rem;
  --space-lg:  1.5rem;
  --space-xl:  2.5rem;
  --space-2xl: 4rem;
  --space-3xl: 6.5rem;
  --space-4xl: 10rem;

  --radius-sm: 2px;
  --radius-pill: 999px;
  --wrap: 1280px;
  --gutter: 1.5rem;
  --rule-hair: 1px;

  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-micro: 140ms;
  --dur-short: 260ms;
  --dur-long: 900ms;

  --z-raised: 10;
  --z-sticky: 200;
}
@media (min-width: 44rem) { :root { --text-display: 5.4rem; --text-2xl: 2.8rem; --text-3xl: 3.6rem; --text-timer: 3.6rem; --text-hook: 2rem; --text-hero: 5rem; --text-numeral: 7rem; } }
@media (min-width: 60rem) { :root { --gutter: 4rem; --text-xl: 1.85rem; --text-2xl: 3.5rem; --text-3xl: 4.8rem; --text-display: 7.4rem; --text-lede: 1.65rem; --text-clock: 2.3rem; --text-timer: 4rem; --text-hook: 2.1rem; --text-hero: 5.4rem; --text-numeral: 10rem; } }
@media (min-width: 84rem) { :root { --text-display: 8.8rem; --text-timer: 4.6rem; --text-hero: 6.2rem; --text-numeral: 12rem; } }