/* Hallmark · macrostructure: Signal Panel · tone: precise, calm, green · anchor hue: leaf green */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Unbounded:wght@500;600;700&display=swap');

:root {
  --color-paper: oklch(98% 0.008 118);
  --color-paper-alt: oklch(95% 0.018 128);
  --color-ink: oklch(20% 0.018 145);
  --color-ink-soft: oklch(42% 0.022 145);
  --color-line: oklch(83% 0.025 135);
  --color-green: oklch(52% 0.15 144);
  --color-green-deep: oklch(35% 0.095 145);
  --color-green-pale: oklch(89% 0.08 143);
  --color-sun: oklch(83% 0.14 95);
  --color-rise: oklch(62% 0.15 145);
  --color-fall: oklch(61% 0.16 29);
  --color-white: oklch(100% 0 0);
  --color-focus: oklch(47% 0.16 250);
  --font-display: 'Unbounded', sans-serif;
  --font-body: 'Manrope', sans-serif;
  --space-2xs: 4px;
  --space-xs: 8px;
  --space-sm: 12px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-2xl: 48px;
  --space-3xl: 72px;
  --space-4xl: 112px;
  --text-xs: 12px;
  --text-sm: 14px;
  --text-base: 16px;
  --text-lg: 20px;
  --text-2xl: clamp(30px, 4vw, 52px);
  --text-display: clamp(42px, 7vw, 92px);
  --radius-sm: 10px;
  --radius-md: 18px;
  --radius-lg: 28px;
  --radius-pill: 999px;
  --rule: 1px;
  --dur-fast: 160ms;
  --dur-base: 300ms;
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --ease-in: cubic-bezier(.7, 0, .84, 0);
  --ease-in-out: cubic-bezier(.65, 0, .35, 1);
}