:root {
  --sage-900: #2B3824;
  --sage-800: #3E5233;
  --sage-700: #4E6141;
  --sage-600: #647A54;
  --sage-500: #8FA37A;
  --sage-300: #B8C4A9;
  --sage-100: #E4EAD9;
  --sage-50: #F0F4E9;

  --blue-950: #0F2036;
  --blue-900: #16304E;
  --blue-800: #1B3A5C;
  --blue-700: #1F4C9C;

  --gray-900: #1A1A18;
  --gray-800: #2E2E2B;
  --gray-700: #45453F;
  --gray-600: #5F5F58;
  --gray-500: #7C7C74;
  --gray-400: #A3A399;
  --gray-300: #C9C9C0;
  --gray-200: #E0E0D9;
  --gray-100: #EDEDE8;
  --gray-50: #F6F6F3;
  --white: #FFFFFF;

  --surface-page: #FFFFFF;
  --surface-subtle: #FAFAFA;
  --surface-sunken: #F6F6F3;
  --surface-card: #FFFFFF;
  --border: #E0E0D9;
  --border-strong: #C9C9C0;
  --border-subtle: #EFEFEA;

  --text-ink: #1B3A5C;
  --text-body: #1A1A18;
  --text-secondary: #45453F;
  --text-muted: #6A6A62;

  --accent: var(--sage-700);
  --accent-hover: var(--sage-800);
  --accent-soft: var(--sage-50);
  --accent-border: var(--sage-300);
  --on-accent: #FFFFFF;
  --focus-ring: var(--sage-500);

  --font-display: "Geist Mono", "JetBrains Mono", ui-monospace, monospace;
  --font-sans: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: "Geist Mono", "JetBrains Mono", ui-monospace, monospace;

  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-pill: 999px;

  --shadow-xs: 0 1px 2px rgba(26, 26, 24, 0.04);
  --shadow-sm: 0 2px 4px rgba(26, 26, 24, 0.06);
  --shadow-md: 0 8px 24px rgba(26, 26, 24, 0.08);
}