/*
 * themes.css — GWP.RMC v2 Theme System
 * 4 themes via [data-theme="x"] on <html>.
 * Themes: midnight | daylight | forest | ocean
 */

:root {
  --ff-head: 'Barlow Condensed', sans-serif;
  --ff-mono: 'DM Mono', monospace;
  --ff-body: 'Lato', sans-serif;
}

/* ── MIDNIGHT ─────────────────────────────────── */
[data-theme="midnight"] {
  --bg:           #060c18;
  --bg-panel:     #0e1c30;
  --bg-alt:       #132238;
  --bg-hover:     #182d46;
  --border:       #1e3354;
  --border-2:     #243d64;
  --text-1:       #dceeff;
  --text-2:       #8eb8d8;
  --text-3:       #5a82a0;
  --text-4:       #3a5872;
  --sb-bg:        #080f20;
  --sb-border:    #182d46;
  --sb-text:      #6a9ab8;
  --sb-active:    #00d4a0;
  --sb-act-bg:    rgba(0,212,160,.1);
  --sb-logo:      #00d4a0;
  --sb-logo-dot:  #f5a623;
  --accent:       #00d4a0;
  --accent-d:     #00a87e;
  --accent-ring:  rgba(0,212,160,.28);
  --accent-bg:    rgba(0,212,160,.1);
  --accent-rgb:   0,212,160;
  --accent-text:  #060c18;
  --card-bg2:     #112035;
  --amber:        #f5a623;
  --amber-d:      #c07a10;
  --red:          #f87171;
  --red-bg:       rgba(248,113,113,.1);
  --red-rgb:      248,113,113;
  --green-text:   #34d399;
  --blue:         #60a5fa;
  --topbar-bg:    rgba(6,12,24,.92);
  --topbar-border:#182d46;
  --modal-overlay:rgba(0,0,0,.72);
  --input-bg:     #0e1c30;
  --input-border: #243d64;
  --input-text:   #dceeff;
  --input-ph:     #3a5872;
}

/* ── DAYLIGHT ─────────────────────────────────── */
[data-theme="daylight"] {
  --bg:           #f0f4f8;
  --bg-panel:     #ffffff;
  --bg-alt:       #f5f9fd;
  --bg-hover:     #eef4fa;
  --border:       #cfdee8;
  --border-2:     #b5cedd;
  --text-1:       #192d42;
  --text-2:       #2c4866;
  --text-3:       #4a6880;
  --text-4:       #8aaec6;
  --sb-bg:        #1e3a5f;
  --sb-border:    #2a4e78;
  --sb-text:      #7aaac6;
  --sb-active:    #00d4a0;
  --sb-act-bg:    rgba(0,212,160,.12);
  --sb-logo:      #00d4a0;
  --sb-logo-dot:  #f5a623;
  --accent:       #00906e;
  --accent-d:     #006f54;
  --accent-ring:  rgba(0,144,110,.28);
  --accent-bg:    rgba(0,144,110,.08);
  --accent-rgb:   0,144,110;
  --accent-text:  #ffffff;
  --card-bg2:     #eef4fa;
  --amber:        #b07000;
  --amber-d:      #8a5500;
  --red:          #c42b2b;
  --red-bg:       rgba(196,43,43,.08);
  --red-rgb:      196,43,43;
  --green-text:   #008055;
  --blue:         #1a58b8;
  --topbar-bg:    rgba(240,244,248,.95);
  --topbar-border:#cfdee8;
  --modal-overlay:rgba(0,0,0,.45);
  --input-bg:     #f5f9fd;
  --input-border: #cfdee8;
  --input-text:   #192d42;
  --input-ph:     #8aaec6;
}

/* ── FOREST ───────────────────────────────────── */
[data-theme="forest"] {
  --bg:           #061210;
  --bg-panel:     #0c201a;
  --bg-alt:       #102820;
  --bg-hover:     #153028;
  --border:       #1a3c2e;
  --border-2:     #204a3a;
  --text-1:       #d0f0dc;
  --text-2:       #7ec898;
  --text-3:       #4e8862;
  --text-4:       #305a44;
  --sb-bg:        #041008;
  --sb-border:    #153028;
  --sb-text:      #5a9870;
  --sb-active:    #4ade80;
  --sb-act-bg:    rgba(74,222,128,.1);
  --sb-logo:      #4ade80;
  --sb-logo-dot:  #fbbf24;
  --accent:       #4ade80;
  --accent-d:     #22c55e;
  --accent-ring:  rgba(74,222,128,.28);
  --accent-bg:    rgba(74,222,128,.1);
  --accent-rgb:   74,222,128;
  --accent-text:  #041008;
  --card-bg2:     #112a1e;
  --amber:        #fbbf24;
  --amber-d:      #d97706;
  --red:          #f87171;
  --red-bg:       rgba(248,113,113,.1);
  --red-rgb:      248,113,113;
  --green-text:   #4ade80;
  --blue:         #60a5fa;
  --topbar-bg:    rgba(6,18,16,.92);
  --topbar-border:#1a3c2e;
  --modal-overlay:rgba(0,0,0,.75);
  --input-bg:     #0c201a;
  --input-border: #204a3a;
  --input-text:   #d0f0dc;
  --input-ph:     #305a44;
}

/* ── OCEAN ────────────────────────────────────── */
[data-theme="ocean"] {
  --bg:           #050e1c;
  --bg-panel:     #0b1a2e;
  --bg-alt:       #102038;
  --bg-hover:     #142844;
  --border:       #1a3250;
  --border-2:     #1f3c62;
  --text-1:       #cce8ff;
  --text-2:       #72b4e0;
  --text-3:       #456a90;
  --text-4:       #284668;
  --sb-bg:        #040c18;
  --sb-border:    #142844;
  --sb-text:      #5090b8;
  --sb-active:    #38bdf8;
  --sb-act-bg:    rgba(56,189,248,.1);
  --sb-logo:      #38bdf8;
  --sb-logo-dot:  #fbbf24;
  --accent:       #38bdf8;
  --accent-d:     #0ea5e9;
  --accent-ring:  rgba(56,189,248,.28);
  --accent-bg:    rgba(56,189,248,.1);
  --accent-rgb:   56,189,248;
  --accent-text:  #040c18;
  --card-bg2:     #0f2038;
  --amber:        #fbbf24;
  --amber-d:      #d97706;
  --red:          #f87171;
  --red-bg:       rgba(248,113,113,.1);
  --red-rgb:      248,113,113;
  --green-text:   #34d399;
  --blue:         #a78bfa;
  --topbar-bg:    rgba(5,14,28,.92);
  --topbar-border:#1a3250;
  --modal-overlay:rgba(0,0,0,.75);
  --input-bg:     #0b1a2e;
  --input-border: #1f3c62;
  --input-text:   #cce8ff;
  --input-ph:     #284668;
}

/* ── PEARL (light main, light sidebar) ────────────────────── */
[data-theme="pearl"] {
  --bg:           #f7f8fc;
  --bg-panel:     #ffffff;
  --bg-alt:       #eef1f8;
  --bg-hover:     #e6eaf5;
  --border:       #d0d8ea;
  --border-2:     #b8c4de;
  --text-1:       #18243a;
  --text-2:       #2e4060;
  --text-3:       #5570a0;
  --text-4:       #8aaccf;
  --sb-bg:        #e8edf8;
  --sb-border:    #ccd4ea;
  --sb-text:      #3a5888;
  --sb-active:    #2563eb;
  --sb-act-bg:    rgba(37,99,235,.1);
  --sb-logo:      #2563eb;
  --sb-logo-dot:  #f59e0b;
  --accent:       #2563eb;
  --accent-d:     #1d4ed8;
  --accent-ring:  rgba(37,99,235,.28);
  --accent-bg:    rgba(37,99,235,.08);
  --accent-rgb:   37,99,235;
  --accent-text:  #ffffff;
  --card-bg2:     #eef1f8;
  --amber:        #d97706;
  --amber-d:      #b45309;
  --red:          #dc2626;
  --red-bg:       rgba(220,38,38,.08);
  --red-rgb:      220,38,38;
  --green-text:   #16a34a;
  --blue:         #0284c7;
  --topbar-bg:    rgba(247,248,252,.96);
  --topbar-border:#d0d8ea;
  --modal-overlay:rgba(0,0,0,.4);
  --input-bg:     #ffffff;
  --input-border: #c8d4e8;
  --input-text:   #18243a;
  --input-ph:     #8aaccf;
}

/* ── SAGE (warm ivory main, pale green sidebar) ────────────── */
[data-theme="sage"] {
  --bg:           #f6f7f2;
  --bg-panel:     #ffffff;
  --bg-alt:       #eef0e8;
  --bg-hover:     #e4e8dc;
  --border:       #cdd5c2;
  --border-2:     #b8c4aa;
  --text-1:       #1a2218;
  --text-2:       #2d4028;
  --text-3:       #506840;
  --text-4:       #8aaa78;
  --sb-bg:        #dde8d5;
  --sb-border:    #c4d4b5;
  --sb-text:      #365030;
  --sb-active:    #2d7a2a;
  --sb-act-bg:    rgba(45,122,42,.12);
  --sb-logo:      #2d7a2a;
  --sb-logo-dot:  #d97706;
  --accent:       #2d7a2a;
  --accent-d:     #1f5a1e;
  --accent-ring:  rgba(45,122,42,.28);
  --accent-bg:    rgba(45,122,42,.08);
  --accent-rgb:   45,122,42;
  --accent-text:  #ffffff;
  --card-bg2:     #eef0e8;
  --amber:        #b45309;
  --amber-d:      #92400e;
  --red:          #b91c1c;
  --red-bg:       rgba(185,28,28,.08);
  --red-rgb:      185,28,28;
  --green-text:   #15803d;
  --blue:         #1d6fa8;
  --topbar-bg:    rgba(246,247,242,.96);
  --topbar-border:#cdd5c2;
  --modal-overlay:rgba(0,0,0,.38);
  --input-bg:     #ffffff;
  --input-border: #c4d4b5;
  --input-text:   #1a2218;
  --input-ph:     #8aaa78;
}