:root {
  color-scheme: dark;
  --bg: #05070a;
  --bg-elevated: #080b0f;
  --surface: rgba(12, 15, 20, 0.86);
  --surface-strong: #0f141b;
  --surface-soft: rgba(255, 255, 255, 0.035);
  --border: rgba(255, 255, 255, 0.09);
  --border-strong: rgba(255, 128, 32, 0.28);
  --text: #f4efe8;
  --text-soft: #d4c8bc;
  --text-muted: #8d857e;
  --muted: var(--text-muted);
  --accent: #ff7a18;
  --accent-strong: #ff9a3d;
  --accent-soft: rgba(255, 122, 24, 0.14);
  --green: #43d17a;
  --red: #ff5b5b;
  --code: #f3c98b;
  --panel: var(--surface);
  --primary: var(--accent);
  --primary-strong: var(--accent-strong);
  --button-bg: rgba(255, 255, 255, 0.05);
  --button-border: rgba(255, 255, 255, 0.12);
  --button-text: var(--text);
  --button-hover-bg: rgba(255, 122, 24, 0.1);
  --radius: 8px;
  --radius-sm: 6px;
  --shadow-glow: 0 0 80px rgba(255, 104, 16, 0.2);
}

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