:root {
  /* Dark Suite Color Palette */
  --bg-deep: #0B0D14;
  --bg-primary: #111318;
  --bg-secondary: #1A1D27;
  --bg-tertiary: #242833;
  --bg-elevated: #2A2E3B;
  --border: #2E3340;
  --border-subtle: #232736;
  --border-active: #3D4252;
  --text-primary: #E8EAF0;
  --text-secondary: #8E93A7;
  --text-muted: #545970;
  --text-faint: #3D4252;
  --accent-gold: #D4A853;
  --accent-gold-dim: #B8922F;
  --accent-gold-glow: rgba(212, 168, 83, 0.15);
  --accent-blue: #5B8DEF;
  --accent-blue-dim: #4A75D0;
  --accent-blue-glow: rgba(91, 141, 239, 0.12);
  --accent-coral: #E8847C;
  --accent-coral-dim: #C96B63;
  --accent-coral-glow: rgba(232, 132, 124, 0.12);
  --accent-green: #6CC9A1;
  --accent-green-glow: rgba(108, 201, 161, 0.15);
  --accent-red: #E85C5C;
  --accent-red-dim: #C94A4A;
  --accent-purple: #A78BFA;

  /* Semantic tokens */
  --background: var(--bg-primary);
  --foreground: var(--text-primary);
  --surface: var(--bg-secondary);
  --surface-elevated: var(--bg-tertiary);
  --today-line: var(--accent-gold);
  --weekend-bg: #0E1018;
  --section-production: #1A2133;
  --section-post: #1F1D17;
  --internal-color: var(--accent-blue);
  --client-color: var(--accent-coral);

  /* Backwards-compat aliases for old inline styles */
  --bg: var(--bg-primary);
  --surface-2: var(--bg-tertiary);
  --text: var(--text-primary);
  --text-mute: var(--text-muted);
  --text-dim: var(--text-muted);
  --border-light: var(--border-subtle);
  --accent: var(--accent-gold);
  --accent-dark: var(--accent-gold-dim);
  --danger: var(--accent-coral);
  --good: var(--accent-green);
}

/* Light Theme Override */
[data-theme="light"] {
  --bg-deep: #F0F1F4;
  --bg-primary: #FAFAFA;
  --bg-secondary: #FFFFFF;
  --bg-tertiary: #F5F5F7;
  --bg-elevated: #EEEEF1;
  --border: #D8DAE0;
  --border-subtle: #E8E9ED;
  --border-active: #C0C2CA;
  --text-primary: #1A1D27;
  --text-secondary: #5A5E72;
  --text-muted: #8E93A7;
  --text-faint: #C0C2CA;
  --accent-gold: #B8922F;
  --accent-gold-dim: #9A7A28;
  --accent-gold-glow: rgba(184, 146, 47, 0.1);
  --accent-blue: #4A75D0;
  --accent-blue-dim: #3D62B3;
  --accent-blue-glow: rgba(74, 117, 208, 0.08);
  --accent-coral: #C96B63;
  --accent-coral-dim: #B35A52;
  --accent-coral-glow: rgba(201, 107, 99, 0.08);
  --accent-green: #4AA87E;
  --accent-green-glow: rgba(74, 168, 126, 0.1);
  --accent-red: #D04A4A;
  --accent-red-dim: #B33D3D;
  --accent-purple: #8B6FE0;
  --background: var(--bg-primary);
  --foreground: var(--text-primary);
  --surface: var(--bg-secondary);
  --surface-elevated: var(--bg-tertiary);
  --today-line: var(--accent-gold);
  --weekend-bg: #F0F1F4;
  --section-production: #E8EDF8;
  --section-post: #F5F0E5;
  --internal-color: var(--accent-blue);
  --client-color: var(--accent-coral);
  color-scheme: light;

  /* Backwards-compat aliases for old inline styles */
  --bg: var(--bg-primary);
  --surface-2: var(--bg-tertiary);
  --text: var(--text-primary);
  --text-mute: var(--text-muted);
  --text-dim: var(--text-muted);
  --border-light: var(--border-subtle);
  --accent: var(--accent-gold);
  --accent-dark: var(--accent-gold-dim);
  --danger: var(--accent-coral);
  --good: var(--accent-green);
}

[data-theme="light"] input,
[data-theme="light"] select,
[data-theme="light"] textarea {
  color-scheme: light;
}

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background: var(--border);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--border-active);
}