:root {
  --color-apothecary-green: oklch(38% 0.08 155);
  --color-apothecary-green-deep: oklch(31% 0.08 155);
  --color-apothecary-green-soft: oklch(50% 0.07 155);
  --color-apothecary-green-tint: oklch(94% 0.02 155);

  --color-counter-clay: oklch(64% 0.13 48);
  --color-counter-clay-deep: oklch(54% 0.14 42);
  --color-counter-clay-tint: oklch(94% 0.03 55);

  --color-prescription-indigo: oklch(38% 0.08 268);
  --color-prescription-indigo-tint: oklch(94% 0.02 268);

  --color-warm-sand: oklch(96.5% 0.008 82);
  --color-warm-sand-deep: oklch(92% 0.014 78);
  --color-warm-sand-soft: oklch(98.5% 0.005 82);

  --color-daylight: oklch(98% 0.004 240);

  --color-ink: oklch(20% 0.02 155);
  --color-ink-soft: oklch(38% 0.018 155);
  --color-ink-muted: oklch(54% 0.015 155);

  --color-stone: oklch(86% 0.008 80);
  --color-stone-soft: oklch(91% 0.008 80);
  --color-stone-deep: oklch(72% 0.008 80);

  --color-warning: oklch(58% 0.14 38);
  --color-warning-tint: oklch(95% 0.03 40);
  --color-success: oklch(48% 0.10 155);
  --color-success-tint: oklch(94% 0.04 155);

  --font-sans: "Readex Pro", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;

  --weight-light: 300;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;

  --size-display: clamp(2.25rem, 5.5vw, 3.75rem);
  --size-headline: clamp(1.625rem, 3vw, 2.125rem);
  --size-title-lg: 1.5rem;
  --size-title: 1.25rem;
  --size-body-lg: 1.0625rem;
  --size-body: 1rem;
  --size-label: 0.875rem;
  --size-label-sm: 0.8125rem;
  --size-caption: 0.75rem;

  --leading-tight: 1.05;
  --leading-snug: 1.2;
  --leading-normal: 1.5;
  --leading-relaxed: 1.65;

  --tracking-tight: -0.01em;
  --tracking-label: 0.02em;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;

  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 20px;
  --radius-full: 999px;

  --shadow-hover: 0 6px 18px -6px oklch(38% 0.08 155 / 0.14), 0 1px 3px oklch(38% 0.08 155 / 0.06);
  --shadow-pop: 0 16px 36px -10px oklch(22% 0.02 155 / 0.22), 0 4px 10px oklch(22% 0.02 155 / 0.06);
  --shadow-stick: 0 1px 0 var(--color-stone), 0 8px 18px -10px oklch(22% 0.02 155 / 0.08);

  --ease-out-quart: cubic-bezier(0.25, 1, 0.5, 1);
  --ease-out-quint: cubic-bezier(0.22, 1, 0.36, 1);
  --duration-fast: 120ms;
  --duration-base: 200ms;
  --duration-slow: 320ms;

  --container: 1200px;
  --container-narrow: 880px;
  --header-h: 72px;
  --sticky-bar-h: 64px;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --duration-fast: 0ms;
    --duration-base: 0ms;
    --duration-slow: 0ms;
  }
  *, *::before, *::after {
    animation-duration: 0ms !important;
    transition-duration: 0ms !important;
    scroll-behavior: auto !important;
  }
}