:root,
[data-theme="light"] {
  --bg: #f8fafc;
  --surface: #ffffff;
  --surface-muted: #f0f5ff;
  --border: #e2e8f0;
  --primary: #0066cc;
  --primary-hover: #005bbf;
  --text: #334155;
  --muted: #64748b;
  --brand-red: #c8102e;
  --input-bg: #f0f5ff;
  --input-text: #334155;
  --input-placeholder: #94a3b8;
  --error-bg: #fef2f2;
  --error-border: #fecaca;
  --error-text: #b91c1c;
  --import-bg: #fff7ed;
  --import-border: #fed7aa;
  --import-text: #9a3412;
  --overlay: rgba(15, 23, 42, 0.45);
  --buyer-bg: #e0f2fe;
  --buyer-fg: #0369a1;
  --admin-bg: #fef3c7;
  --admin-fg: #b45309;
  --shadow-card: 0 8px 32px rgba(0, 51, 102, 0.08);
  --shadow-modal: 0 20px 50px rgba(0, 0, 0, 0.15);
  --focus-border: #b8d4f0;
  --focus-ring: 0 0 0 1px rgba(0, 102, 204, 0.14);
  --radius-sm: 6px;
  --radius-lg: 20px;
}

[data-theme="dark"] {
  --bg: #0f1117;
  --surface: #1c2130;
  --surface-muted: #161b27;
  --border: #2a3148;
  --primary: #3b82f6;
  --primary-hover: #60a5fa;
  --text: #e2e8f0;
  --muted: #94a3b8;
  --brand-red: #f87171;
  --input-bg: #161b27;
  --input-text: #e2e8f0;
  --input-placeholder: #64748b;
  --error-bg: rgba(239, 68, 68, .14);
  --error-border: rgba(239, 68, 68, .35);
  --error-text: #fecaca;
  --import-bg: rgba(249, 115, 22, .14);
  --import-border: rgba(249, 115, 22, .35);
  --import-text: #fed7aa;
  --overlay: rgba(0, 0, 0, 0.55);
  --buyer-bg: rgba(14, 165, 233, .18);
  --buyer-fg: #7dd3fc;
  --admin-bg: rgba(245, 158, 11, .18);
  --admin-fg: #fcd34d;
  --shadow-card: 0 8px 32px rgba(0, 0, 0, 0.25);
  --shadow-modal: 0 20px 50px rgba(0, 0, 0, 0.35);
  --focus-border: #3b82f6;
  --focus-ring: 0 0 0 1px rgba(59, 130, 246, 0.35);
}