:root {
  --ink-950: #0A1A2F;
  --ink-900: #0B1220;
  --bg: var(--ink-950);
  --text: #E6EAF2;
  --border: #2A3A52;

  --violet-500: #8B7EC8;
  --teal-500: #4ECDC4;
  --navy-700: #2D3E50;
  --offwhite: #F7F7F2;
  --peach-400: #FFB88C;

  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 20px;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 32px;
}

html[data-theme="light"] {
  --bg: #FFFFFF;
  --text: #111827;
  --border: #E5E7EB;
}