:root {
  color-scheme: light;
  --font-sans: Inter, Aptos, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-display: "Segoe UI Variable Display", Aptos Display, var(--font-sans);
  --ink-950: #122624;
  --ink-800: #29413f;
  --ink-650: #506764;
  --ink-500: #708582;
  --paper: #ffffff;
  --canvas: #f3f6f2;
  --canvas-warm: #f7f5ef;
  --surface-soft: #f8faf7;
  --surface-accent: var(--brand-075);
  --line: #dbe3df;
  --line-strong: #becdc7;
  --brand-950: #0d302e;
  --brand-850: #164642;
  --brand-750: #1c5a54;
  --brand-650: #247069;
  --brand-150: #d9eee9;
  --brand-075: #edf7f4;
  --blue-700: #285e8c;
  --blue-100: #e7f0f8;
  --violet-700: #6652a3;
  --violet-100: #eeeafb;
  --gold-700: #8b651c;
  --gold-100: #fbf0d7;
  --coral-700: #a64c3b;
  --coral-100: #fbe8e3;
  --success-700: #267146;
  --success-100: #e5f3e9;
  --warning-800: #805b0a;
  --warning-100: #fff3cf;
  --danger-750: #a43b3b;
  --danger-100: #fde7e7;
  --info-700: #315f83;
  --info-100: #e6f0f7;
  --shadow-sm: 0 1px 2px rgb(18 38 36 / 0.05), 0 5px 16px rgb(18 38 36 / 0.04);
  --shadow-md: 0 12px 36px rgb(18 38 36 / 0.12);
  --shadow-lg: 0 24px 70px rgb(18 38 36 / 0.18);
  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-pill: 999px;
  --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;
  --sidebar-width: 15.5rem;
  --content-max: 92rem;
  --focus: 0 0 0 3px rgb(36 112 105 / 0.28);
}