:root {
  color-scheme: light;
  --ink: oklch(0.17 0.012 258);
  --graphite: oklch(0.24 0.014 258);
  --slate: oklch(0.42 0.016 258);
  --muted: oklch(0.53 0.014 258);
  --line: oklch(0.88 0.008 258);
  --line-strong: oklch(0.77 0.012 258);
  --paper: oklch(0.985 0.004 90);
  --surface: oklch(1 0 0);
  --surface-alt: oklch(0.965 0.008 258);
  --surface-dark: oklch(0.205 0.014 258);
  --blue: oklch(0.48 0.145 255);
  --blue-strong: oklch(0.37 0.13 255);
  --blue-soft: oklch(0.93 0.028 255);
  --yellow: oklch(0.83 0.15 88);
  --yellow-strong: oklch(0.71 0.14 82);
  --yellow-soft: oklch(0.96 0.055 90);
  --green: oklch(0.57 0.13 145);
  --green-soft: oklch(0.94 0.045 145);
  --orange: oklch(0.69 0.15 65);
  --orange-soft: oklch(0.95 0.05 65);
  --red: oklch(0.56 0.18 27);
  --red-soft: oklch(0.95 0.05 27);
  --shadow-sm: 0 2px 6px oklch(0.17 0.012 258 / 0.08);
  --shadow-md: 0 8px 20px oklch(0.17 0.012 258 / 0.1);
  --radius-sm: 6px;
  --radius: 10px;
  --radius-lg: 14px;
  --font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.375rem;
  --text-2xl: 1.75rem;
  --text-3xl: 2.25rem;
  --text-hero: clamp(2.75rem, 6vw, 5.25rem);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --z-header: 20;
  --z-drawer: 40;
  --z-toast: 60;
}