:root {
  --app-bg: var(--focus-bg-warm);
  --app-bg-secondary: var(--focus-bg-warm-secondary);
  --surface-glass: var(--focus-surface-glass);
  --surface-elevated: var(--focus-surface-elevated);
  --surface-border: var(--focus-border-glass);
  --surface-border-strong: var(--focus-border-elevated);
  --text-primary: var(--focus-text-warm);
  --text-secondary: var(--focus-text-muted-warm);
  --text-muted: var(--focus-text-soft-warm);
  --primary: var(--user-primary, var(--focus-accent-blue));
  --primary-warm: var(--focus-accent-terracotta);

  --bg: var(--app-bg);
  --bg-soft: var(--app-bg-secondary);
  --surface: var(--surface-glass);
  --surface-raised: var(--surface-elevated);
  --glass-surface: var(--surface-glass);
  --glass-elevated: var(--surface-elevated);
  --glass-border: var(--surface-border);
  --text: var(--text-primary);
  --muted: var(--text-muted);
  --muted-strong: var(--text-secondary);
  --font: var(--focus-font-family);
  --font-display: var(--focus-font-display);
  --sidebar: var(--focus-sidebar-expanded);
}

:root[data-theme="contrast"] {
  --app-bg: var(--focus-bg-contrast);
  --app-bg-secondary: #ecedea;
  --surface-glass: rgba(255, 255, 255, 0.72);
  --surface-elevated: rgba(255, 255, 255, 0.82);
  --surface-border: rgba(30, 30, 30, 0.10);
  --surface-border-strong: rgba(30, 30, 30, 0.16);
  --text-primary: #1e1e1e;
  --text-secondary: #575552;
  --text-muted: #85827b;
  --primary: #3366ff;
  color-scheme: light;
}

:root[data-theme="warm"] {
  --app-bg: var(--focus-bg-warm);
  --app-bg-secondary: var(--focus-bg-warm-secondary);
  --surface-glass: var(--focus-surface-glass);
  --surface-elevated: var(--focus-surface-elevated);
  --surface-border: var(--focus-border-glass);
  --surface-border-strong: var(--focus-border-elevated);
  --text-primary: var(--focus-text-warm);
  --text-secondary: var(--focus-text-muted-warm);
  --text-muted: var(--focus-text-soft-warm);
  --primary: var(--user-primary, var(--focus-accent-blue));
  color-scheme: light;
}

:root[data-theme="dark"] {
  --app-bg: var(--focus-bg-dark);
  --app-bg-secondary: var(--focus-bg-dark-secondary);
  --surface-glass: rgba(255, 255, 255, 0.06);
  --surface-elevated: rgba(255, 255, 255, 0.10);
  --surface-border: rgba(255, 255, 255, 0.08);
  --surface-border-strong: rgba(255, 255, 255, 0.13);
  --text-primary: var(--focus-text-dark);
  --text-secondary: var(--focus-text-muted-dark);
  --text-muted: #8f96a8;
  --primary: #6f8cff;
  color-scheme: dark;
}