:root {
  --color-bg: #f7f7f9;
  --color-surface: #ffffff;
  --color-text: #1f1f1f;
  --color-muted: #6b7280;
  --color-border: #c7c7d1;
  --color-accent: #4b74ff;
  --color-error: #b91c1c;

  --radius-md: 8px;
  --radius-pill: 999px;

  --shadow-sm: 0 2px 6px rgba(0, 0, 0, 0.08);

  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-24: 24px;

  --font-body: Arial, sans-serif;
  --font-size-sm: 12px;
}

[data-theme="dark"] {
  --color-bg: #0f172a;
  --color-surface: #1e293b;
  --color-surface-2: #334155;
  --color-text: #f1f5f9;
  --color-muted: #94a3b8;
  --color-border: #475569;
  --color-accent: #3b82f6;
  --color-error: #ef4444;
  --shadow-sm: 0 2px 6px rgba(0, 0, 0, 0.3);
}