/* Hallmark · tokens · theme: custom (brand-preserved) · Danny van Os de Man
 * axes: paper-band dark / display-style grotesk-sans / accent-hue warm (copper)
 */
:root {
  /* Surfaces — donker, licht groen getint (bos), nooit puur zwart */
  --color-paper:       oklch(21.4% 0.005 174);
  --color-paper-deep:  oklch(17.7% 0.007 179);
  --color-paper-2:     oklch(24.6% 0.008 170);
  --color-paper-3:     oklch(27.7% 0.012 160);
  --color-photo:       oklch(30% 0.016 145);

  /* Ink — warm gebroken wit */
  --color-ink:         oklch(95% 0.010 82);
  --color-ink-2:       oklch(79% 0.011 137);
  --color-ink-3:       oklch(68% 0.018 133);

  /* Accent — koper uit het adelaarslogo */
  --color-accent:      oklch(71.2% 0.081 62);
  --color-accent-hi:   oklch(78.5% 0.073 62);
  --color-accent-ink:  oklch(19% 0.006 174);
  --color-accent-line: oklch(55% 0.07 62 / 0.45);

  /* Status — uitslag Growth Scan (goed / kan beter / grote winst) */
  --color-good:      oklch(74% 0.12 150);
  --color-attention: oklch(78% 0.13 70);
  --color-win:       oklch(68% 0.17 35);
  --color-win-wash:  oklch(68% 0.17 35 / 0.12);

  /* Rules */
  --color-rule:        oklch(95% 0.01 82 / 0.12);
  --color-rule-strong: oklch(95% 0.01 82 / 0.22);
  --color-scrim:       oklch(15% 0.01 170 / 0.92);
  --color-focus:       oklch(80% 0.09 62);

  /* Type */
  --font-display: "Cabinet Grotesk", "Switzer", ui-sans-serif, sans-serif;
  --font-body:    "Switzer", ui-sans-serif, sans-serif;
  --font-outlier: "Instrument Serif", ui-serif, serif; /* alleen: handtekening + fotobijschrift */

  /* Type scale — perfect fourth (1.333) */
  --text-xs:   0.8125rem;
  --text-sm:   0.9375rem;
  --text-md:   1.0625rem;
  --text-lg:   1.375rem;
  --text-xl:   1.875rem;
  --text-2xl:  clamp(2.25rem, 1.6rem + 2.4vw, 3.5rem);
  --text-3xl:  clamp(2.5rem, 1.7rem + 3vw, 4.25rem);
  --text-display: clamp(3rem, 1.9rem + 4.4vw, 5.5rem);

  /* Space — 4pt scale */
  --space-3xs: 0.25rem;
  --space-2xs: 0.5rem;
  --space-xs:  0.75rem;
  --space-sm:  1rem;
  --space-md:  1.5rem;
  --space-lg:  2rem;
  --space-xl:  3rem;
  --space-2xl: 4.5rem;
  --space-3xl: 7rem;
  --space-4xl: 9rem;
  --gutter:    clamp(1rem, 6vw, 5.5rem);

  /* 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: 180ms;
  --dur-med:   320ms;
  --dur-long:  600ms;

  /* Shape */
  --radius-none: 0;
  --radius-pill: 999px;
  --rule-hair: 1px;
}