/* Hallmark · iamjustinwinter — design tokens (v4 redesign)
 * Custom theme: Classical foundry — Cormorant italic + olive on cream
 * Paper band: light (L=97%)  ·  Display style: italic-serif  ·  Accent hue: chromatic-other (olive 130°)
 */

:root {
  /* Colour — OKLCH (warm light palette, olive accent) */
  --color-paper:        oklch(97% 0.005 80);        /* warm cream */
  --color-paper-2:      oklch(94% 0.006 80);        /* compositor card / panel inset */
  --color-ink:          oklch(18% 0.010 60);        /* warm deep dark */
  --color-ink-soft:     oklch(34% 0.008 60);        /* secondary body copy */
  --color-ink-muted:    oklch(42% 0.008 60);        /* tertiary, descriptors — WCAG AA on cream */
  --color-ink-faint:    oklch(62% 0.006 60);        /* dividers / placeholder */
  --color-accent:       oklch(45% 0.12 130);        /* olive green */
  --color-accent-soft:  oklch(45% 0.12 130 / 0.45); /* w/ alpha for hairlines */
  --color-accent-faint: oklch(45% 0.12 130 / 0.20);
  --color-focus:        oklch(50% 0.14 130);        /* focus ring — brighter olive */

  /* Typography */
  --font-display: "Cormorant Garamond", "Cormorant", "EB Garamond", Georgia, serif;
  --font-body:    "Inter Tight", "Inter", "Helvetica Neue", Arial, sans-serif;

  /* Scale */
  --text-xs:   0.8125rem;   /* 13px */
  --text-sm:   0.9375rem;   /* 15px */
  --text-base: 1.0625rem;   /* 17px */
  --text-md:   1.1875rem;   /* 19px */
  --text-lg:   1.5rem;      /* 24px */
  --text-xl:   1.875rem;    /* 30px */
  --text-2xl:  2.5rem;      /* 40px */
  --text-display-s: clamp(3rem, 6vw, 5rem);
  --text-display:   clamp(3.25rem, 8vw, 6.25rem);  /* Cormorant runs narrow */

  /* Spacing — 4pt scale */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 32px;
  --space-6: 48px;
  --space-7: 64px;
  --space-8: 96px;
  --space-9: 144px;

  /* Motion */
  --dur-fast: 200ms;
  --dur-base: 350ms;
  --dur-slow: 700ms;
  --ease-out:    cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in:     cubic-bezier(0.55, 0, 1, 0.45);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);

  /* Rules / radii */
  --rule-hairline: 1px solid oklch(18% 0.010 60 / 0.10);
  --rule-accent:   1px solid oklch(45% 0.12 130 / 0.35);
  --radius-card:   4px;
}