:root {
  --bg: #FAFAF8;
  --surface: #FFFFFF;
  --ink: #1A1A1A;
  --ink-muted: #6B6B68;
  --primary: #1E3A5F;
  --accent: #E8543E;
  --success: #1F9254;
  --danger: #C0392B;
  --line: #ECECE8;
  --chip-bg: #F0F0EC;

  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
}

:root[data-theme="dark"] {
  --bg: #161616;
  --surface: #1E1E1E;
  --ink: #ECECEC;
  --ink-muted: #9A9A9A;
  --line: #333;
  --chip-bg: #2A2A2A;
}