/* ============================================================
 * Converge UI — Theme Overrides
 *
 * Applied via body.cui-theme-{name} class (set by control-panel island).
 * Dark Emerald is the default (no class needed — uses :root tokens).
 * Auto-linked by the CUI layout template.
 * ============================================================ */

/* --- Warm Slate: amber accent, slate-brown tones --- */
body.cui-theme-warm-slate {
  --cui-bg-page: #121110;
  --cui-bg-card: #1c1a18;
  --cui-bg-nav: #181614;
  --cui-bg-hover: #1c1a18;
  --cui-bg-elevated: #242220;
  --cui-border: #2e2a26;
  --cui-border-hover: #3e3832;
  --cui-text: #e8e0d8;
  --cui-text-muted: #a8a090;
  --cui-text-dim: #787068;
  --cui-text-faint: #585048;
  --cui-accent: #f59e0b;
  --cui-accent-bg: rgba(245,158,11,0.1);
  --cui-accent-secondary: #d97706;
  --cui-danger: #ef4444;
  --cui-warning: #fb923c;
  --cui-info: #38bdf8;
}

/* --- Light: white backgrounds, teal accent --- */
body.cui-theme-light {
  --cui-bg-page: #f8f9fa;
  --cui-bg-card: #ffffff;
  --cui-bg-nav: #ffffff;
  --cui-bg-hover: #f0f1f3;
  --cui-bg-elevated: #f5f5f7;
  --cui-border: #e2e4e8;
  --cui-border-hover: #c8cbd0;
  --cui-text: #1a1a2e;
  --cui-text-muted: #4a4a5a;
  --cui-text-dim: #6b7280;
  --cui-text-faint: #9ca3af;
  --cui-accent: #059669;
  --cui-accent-bg: rgba(5,150,105,0.08);
  --cui-accent-secondary: #4f46e5;
  --cui-danger: #dc2626;
  --cui-warning: #d97706;
  --cui-info: #0891b2;
}

/* --- Midnight: deep blue accent, dark navy tones --- */
body.cui-theme-midnight {
  --cui-bg-page: #0a0e1a;
  --cui-bg-card: #111827;
  --cui-bg-nav: #0d1224;
  --cui-bg-hover: #151c2e;
  --cui-bg-elevated: #1a2236;
  --cui-border: #1e2d4a;
  --cui-border-hover: #2a3d5e;
  --cui-text: #d4daf0;
  --cui-text-muted: #8b98b8;
  --cui-text-dim: #5a6888;
  --cui-text-faint: #3e4c68;
  --cui-accent: #6366f1;
  --cui-accent-bg: rgba(99,102,241,0.1);
  --cui-accent-secondary: #818cf8;
  --cui-danger: #f87171;
  --cui-warning: #fbbf24;
  --cui-info: #38bdf8;
}

/* --- Forest: green accent, earthy dark tones --- */
body.cui-theme-forest {
  --cui-bg-page: #0a120e;
  --cui-bg-card: #111f18;
  --cui-bg-nav: #0d1a12;
  --cui-bg-hover: #152a1e;
  --cui-bg-elevated: #1a3024;
  --cui-border: #1e3a28;
  --cui-border-hover: #2a5038;
  --cui-text: #d0e8d8;
  --cui-text-muted: #88b098;
  --cui-text-dim: #5a8068;
  --cui-text-faint: #3e6048;
  --cui-accent: #22c55e;
  --cui-accent-bg: rgba(34,197,94,0.1);
  --cui-accent-secondary: #16a34a;
  --cui-danger: #f87171;
  --cui-warning: #fbbf24;
  --cui-info: #38bdf8;
}

/* --- Warm: amber/orange accent, warm dark tones --- */
body.cui-theme-warm {
  --cui-bg-page: #12100c;
  --cui-bg-card: #1f1a14;
  --cui-bg-nav: #1a1510;
  --cui-bg-hover: #261f16;
  --cui-bg-elevated: #2c241a;
  --cui-border: #3a2e20;
  --cui-border-hover: #4e3e2c;
  --cui-text: #f0e4d4;
  --cui-text-muted: #b8a48a;
  --cui-text-dim: #887460;
  --cui-text-faint: #605040;
  --cui-accent: #f59e0b;
  --cui-accent-bg: rgba(245,158,11,0.1);
  --cui-accent-secondary: #ea580c;
  --cui-danger: #ef4444;
  --cui-warning: #fb923c;
  --cui-info: #38bdf8;
}

/* --- Ocean: cyan/teal accent, deep sea tones --- */
body.cui-theme-ocean {
  --cui-bg-page: #0a1014;
  --cui-bg-card: #0f1922;
  --cui-bg-nav: #0c151e;
  --cui-bg-hover: #132030;
  --cui-bg-elevated: #182838;
  --cui-border: #1a3040;
  --cui-border-hover: #264050;
  --cui-text: #d0e8f0;
  --cui-text-muted: #88b8c8;
  --cui-text-dim: #5a8898;
  --cui-text-faint: #3e6878;
  --cui-accent: #06b6d4;
  --cui-accent-bg: rgba(6,182,212,0.1);
  --cui-accent-secondary: #0891b2;
  --cui-danger: #f87171;
  --cui-warning: #fbbf24;
  --cui-info: #22d3ee;
}