/* MandjaBox 03–A: approved illustrated market. Canonical browser tokens. */
:root {
  --color-paper: oklch(98% .015 85);
  --color-surface: oklch(100% 0 0);
  --color-paper-2: oklch(96% .025 85);
  --color-sage: oklch(94% .035 125);
  --color-peach: oklch(93% .055 65);
  --color-orange: oklch(70% .15 60);
  --color-ink: oklch(27% .025 80);
  --color-muted: oklch(45% .025 85);
  --color-accent: oklch(43% .12 140);
  --color-accent-hover: oklch(36% .10 140);
  --color-accent-ink: oklch(100% 0 0);
  --color-rule: oklch(86% .035 85);
  --color-rule-strong: oklch(65% .035 85);
  --color-focus: oklch(35% .07 55);
  --color-error: oklch(44% .16 28);
  --color-error-soft: oklch(96% .025 28);
  --color-warning-ink: oklch(38% .08 60);
  --color-disabled: oklch(91% .012 85);
  --color-shadow: oklch(27% .025 80 / .08);
  --font-display: "Montserrat", "Inter", Arial, sans-serif;
  --font-body: "Inter", Arial, sans-serif;
  --space-3xs: .25rem;
  --space-2xs: .5rem;
  --space-xs: .75rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2rem;
  --space-xl: 3rem;
  --space-2xl: 4rem;
  --text-xs: .75rem;
  --text-sm: .875rem;
  --text-md: 1rem;
  --text-lg: 1.25rem;
  --text-xl: 1.5rem;
  --text-title: clamp(1.5rem, 2.4vw, 2.25rem);
  --radius-card: 1rem;
  --radius-input: .625rem;
  --radius-pill: 999px;
  --shadow-card: 0 4px 16px var(--color-shadow);
  --dur-micro: 120ms;
  --dur-short: 180ms;
  --ease-out: cubic-bezier(.16, 1, .3, 1);
}