:root {
  --bg: #fafafa;
  --surface: #ffffff;
  --surface-2: #f4f4f5;
  --text: #0a0a0a;
  --text-2: #3f3f46;
  --muted: #71717a;
  --border: #e4e4e7;
  --border-strong: #cbd5e1;
  --accent: #2563eb;
  --accent-2: #38d39f;
  --accent-soft: #eff6ff;
  --green: #16a34a;
  --success: #16a34a;
  --green-soft: #f0fdf4;
  --danger: #dc2626;
  --nav-bg: rgba(250, 250, 250, .86);
  --btn-primary-bg: #0a0a0a;
  --btn-primary-text: #ffffff;
  --shadow: 0 1px 3px rgba(0, 0, 0, .06), 0 8px 32px rgba(0, 0, 0, .06);
  --shadow-lg: 0 4px 24px rgba(0, 0, 0, .08), 0 24px 64px rgba(37, 99, 235, .08);
  --radius: 16px;
  --radius-sm: 10px;
  --shell-h: 64px;
}

[data-theme="dark"] {
  --bg: #0f1419;
  --surface: #171d26;
  --surface-2: #1f2733;
  --text: #e6edf3;
  --text-2: #b6c2d1;
  --muted: #8b97a7;
  --border: #2a3543;
  --border-strong: #475569;
  --accent: #4f8cff;
  --accent-2: #38d39f;
  --accent-soft: rgba(79, 140, 255, .12);
  --green: #38d39f;
  --success: #38d39f;
  --green-soft: rgba(56, 211, 159, .12);
  --nav-bg: rgba(15, 20, 25, .88);
  --btn-primary-bg: #4f8cff;
  --btn-primary-text: #ffffff;
  --shadow: 0 6px 24px rgba(0, 0, 0, .35);
  --shadow-lg: 0 8px 32px rgba(0, 0, 0, .45);
}

html { color-scheme: light; }
[data-theme="dark"] { color-scheme: dark; }