/* Hallmark · tokens · theme: Atelier
 * paper-band: light (94%) · display-style: roman-serif (Didone) · accent-hue: warm (40–60°)
 * Portable design tokens for the Heart & Logic Foundation site.
 */

:root {
  /* ---- Palette (HART: cool white · deep navy · purple-to-orange) ---- */
  --color-paper:      oklch(97%  0.003 260);
  --color-paper-2:    oklch(94%  0.005 260);
  --color-paper-3:    oklch(90%  0.007 260);
  --color-rule:       oklch(80%  0.005 260);
  --color-rule-2:     oklch(62%  0.007 260);
  --color-muted:      oklch(48%  0.010 260);
  --color-neutral:    oklch(30%  0.020 260);
  --color-ink-2:      oklch(17%  0.035 258);
  --color-ink:        oklch(11%  0.050 255);    /* deep navy */
  --color-accent:       oklch(15%  0.065 262);  /* darker navy — structure */
  --color-accent-ink:   oklch(56%  0.160 46);   /* orange — highlights, links */
  --color-accent-bright: oklch(76% 0.170 52);   /* lifted orange — for use on the dark band */
  --color-focus:        oklch(56%  0.160 46);

  /* ---- Type families ---- */
  --font-display: "Playfair Display", "Cormorant Garamond", "Tiempos Headline", ui-serif, Georgia, serif;
  --font-body:    "Hanken Grotesk", ui-sans-serif, system-ui, sans-serif;
  --font-serif:   "Playfair Display", "Cormorant Garamond", ui-serif, Georgia, serif;
  --font-label:   "IBM Plex Mono", ui-monospace, monospace;
  --font-mono:    "IBM Plex Mono", ui-monospace, monospace;

  --display-weight: 900;
  --display-style:  normal;

  /* ---- Type scale ---- */
  --text-display:   clamp(3rem, 5.5vw + 1rem, 6.25rem);
  --text-display-s: clamp(2.25rem, 4vw + 1rem, 4rem);
  --text-4xl: clamp(2rem, 2.5vw + 1rem, 3rem);
  --text-3xl: clamp(1.6rem, 1.6vw + 1rem, 2.25rem);
  --text-2xl: 1.875rem;
  --text-xl:  1.5rem;
  --text-lg:  1.1875rem;
  --text-base: 1.0625rem;
  --text-sm:  0.9375rem;
  --text-xs:  0.8125rem;

  /* ---- Tracking ---- */
  --tracking-display: -0.018em;
  --tracking-tight:   -0.008em;
  --tracking-label:   0.22em;

  /* ---- Line heights ---- */
  --lh-tight:   1.02;
  --lh-snug:    1.16;
  --lh-normal:  1.6;
  --lh-relaxed: 1.72;

  /* ---- Spacing (4 pt) ---- */
  --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;

  /* ---- Measure / layout ---- */
  --measure:   60ch;
  --page-max:  76rem;
  --page-pad:  clamp(1.25rem, 4vw, 2.5rem);

  /* ---- Rules ---- */
  --rule-hair: 1px;
  --rule-bold: 2px;

  /* ---- Radius (warm/approachable, not sharp editorial) ---- */
  --radius-card: 16px;
  --radius-pill: 999px;
  --radius-photo: 20px;

  /* ---- Motion ---- */
  --ease-out:    cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in:     cubic-bezier(0.7, 0, 0.84, 0);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-short: 160ms;
  --dur-mid:   320ms;
  --dur-long:  640ms;

  /* ---- Z-index scale ---- */
  --z-base:    0;
  --z-raised:  10;
  --z-sticky:  100;
  --z-overlay: 1000;
}