/* Hallmark · 4P Flows design tokens
 * genre: modern-minimal · theme: brand-anchored (WhatsApp green, anchor hue 168)
 * Portable token layer — index.html inlines these; future flow pages can @import this file.
 */
:root {
  /* — colour (OKLCH) — */
  --color-paper:    oklch(98%  0.006 168);
  --color-paper-2:  oklch(96%  0.012 168);
  --color-rule:     oklch(90%  0.010 168);
  --color-rule-2:   oklch(82%  0.012 168);
  --color-muted:    oklch(46%  0.014 178);   /* small meta — ≥4.5:1 on paper */
  --color-neutral:  oklch(40%  0.016 178);   /* descriptions — ≥6:1 on paper */
  --color-ink:      oklch(24%  0.016 178);
  --color-accent:   oklch(48%  0.110 168);   /* WhatsApp dark-green #008069 */
  --color-accent-2: oklch(66%  0.130 168);   /* WhatsApp green #00a884 */
  --color-mark-glow: oklch(66% 0.130 168 / 0.14);
  --color-pepsi:    oklch(42%  0.150 255);   /* Pepsi blue #004B93 */
  --color-focus:    oklch(56%  0.120 168);

  /* — type — */
  --font-display: "Geist", ui-sans-serif, system-ui, sans-serif;
  --font-body:    "Geist", ui-sans-serif, system-ui, sans-serif;
  --font-mono:    "Geist Mono", ui-monospace, "SF Mono", monospace;

  --text-xs:   0.75rem;
  --text-sm:   0.8125rem;
  --text-base: 1rem;
  --text-md:   1.0625rem;
  --text-lg:   1.25rem;
  --text-xl:   1.5625rem;

  /* — space (4pt scale) — */
  --space-3xs: 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: 6rem;

  /* — primitives — */
  --rule: 1px solid var(--color-rule);
  --radius: 10px;
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --dur: 160ms;
}