/* =============================================
   Days of Success — themes.css
   Light / Dark / Auto theming
   ============================================= */

/* Default is already dark (defined in main.css :root). */

@media (prefers-color-scheme: light) {
  html:not([data-theme="dark"]) {
    --clr-bg: #f5f2ed;
    --clr-surface: rgba(0, 0, 0, 0.05);
    --clr-surface-solid: #ede9e2;
    --clr-border: rgba(0, 0, 0, 0.1);
    --clr-border-strong: rgba(0, 0, 0, 0.2);
    --clr-text: #1a1a20;
    --clr-text-secondary: rgba(26, 26, 32, 0.62);
    --clr-text-muted: rgba(26, 26, 32, 0.38);
    --clr-accent: #b06a20;
    --clr-accent-dark: #8f5018;
  }
}

/* Manual override: data-theme="light" */
html[data-theme="light"] {
  --clr-bg: #f5f2ed;
  --clr-surface: rgba(0, 0, 0, 0.05);
  --clr-surface-solid: #ede9e2;
  --clr-border: rgba(0, 0, 0, 0.1);
  --clr-border-strong: rgba(0, 0, 0, 0.2);
  --clr-text: #1a1a20;
  --clr-text-secondary: rgba(26, 26, 32, 0.62);
  --clr-text-muted: rgba(26, 26, 32, 0.38);
  --clr-accent: #b06a20;
  --clr-accent-dark: #8f5018;
}

/* Manual override: data-theme="dark" */
html[data-theme="dark"] {
  --clr-bg: #111118;
  --clr-surface: rgba(255, 255, 255, 0.07);
  --clr-surface-solid: #1c1c26;
  --clr-border: rgba(255, 255, 255, 0.1);
  --clr-border-strong: rgba(255, 255, 255, 0.18);
  --clr-text: #f0f0f4;
  --clr-text-secondary: rgba(240, 240, 244, 0.65);
  --clr-text-muted: rgba(240, 240, 244, 0.38);
  --clr-accent: #e8b86d;
  --clr-accent-dark: #c99445;
}