:root {
  
  --font-sans: "Geist", "Inter", "Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-mono: "Geist Mono", "JetBrains Mono", "Cascadia Mono", Consolas, ui-monospace, monospace;

  --text-10: 10px;  --lh-10: 14px;
  --text-11: 11px;  --lh-11: 16px;
  --text-12: 12px;  --lh-12: 18px;
  --text-13: 13px;  --lh-13: 20px;
  --text-14: 14px;  --lh-14: 22px;
  --text-16: 16px;  --lh-16: 24px;
  --text-20: 20px;  --lh-20: 28px;
  --text-24: 24px;  --lh-24: 32px;
  --text-32: 32px;  --lh-32: 40px;
  --text-40: 40px;  --lh-40: 48px;

  
  --s-1: 4px;  --s-2: 8px;  --s-3: 12px;  --s-4: 16px;
  --s-5: 20px; --s-6: 24px; --s-7: 32px;  --s-8: 40px;
  --s-9: 48px; --s-10: 64px;

  
  --r-xs: 4px; --r-sm: 6px; --r-md: 8px; --r-lg: 12px; --r-xl: 16px; --r-full: 999px;

  
  --rail: 236px;
  --rail-collapsed: 60px;
  --topbar: 48px;
  --aside: 340px;
  --page-max: 1560px;

  
  --ease: cubic-bezier(.2, 0, 0, 1);
  --fast: 120ms;
  --med: 180ms;

  
  --z-sticky: 20;
  --z-overlay: 60;
  --z-palette: 80;
  --z-toast: 90;

  color-scheme: dark;

  
  --bg: #0F0C17;
  --bg-subtle: #151021;
  --bg-elevated: #1B142B;
  --bg-control: #231B36;
  --bg-inset: #0A0811;
  --bg-scrim: rgba(6, 4, 9, .7);

  --line: rgba(203, 186, 255, .09);
  --line-strong: rgba(203, 186, 255, .17);
  --line-soft: rgba(203, 186, 255, .055);

  
  --fg: #E2DCEF;
  --fg-2: #A79FB8;
  --fg-3: #7C748C;
  --fg-4: #585168;
  --fg-inverse: #0B0910;

  --accent: #D14A52;
  --accent-soft: rgba(209, 74, 82, .16);
  --accent-line: rgba(209, 74, 82, .46);
  --primary: rgba(209, 74, 82, .16);
  --primary-hover: rgba(209, 74, 82, .26);
  --primary-fg: #F3D6D8;

  --ok: #86B79C;
  --ok-soft: rgba(134, 183, 156, .12);
  --warn: #D6A45E;
  --warn-soft: rgba(214, 164, 94, .12);
  --danger: #D14A52;
  --danger-soft: rgba(209, 74, 82, .16);
  --violet: #B79BF5;
  --violet-soft: rgba(183, 155, 245, .14);

  --grid-line: rgba(203, 186, 255, .035);
  --shadow-1: 0 1px 2px rgba(0, 0, 0, .4);
  --shadow-2: 0 8px 24px rgba(6, 3, 10, .48);
  --shadow-3: 0 24px 64px rgba(6, 3, 10, .56);
  --selection: rgba(209, 74, 82, .3);
}