/* themes.css — palette themes applied via [data-theme] on <html>.
   Overrides SEMANTIC tokens only; type, spacing and layout are untouched.
   Loaded after site.css. "signature" is the default (no overrides). */

html { transition: background-color 240ms var(--ease-out); }

/* ---------- NOCTURNAL — full dark, deep blue-black ---------- */
[data-theme="nocturnal"] {
  --rs-ink-900: #06090F;
  --rs-ink-800: #0D1220;
  --rs-ink-700: #1A2130;
  --fg-1: #EAEEF4;
  --fg-2: #A4AEBE;
  --fg-3: #7B8697;
  --surface: #0A0E16;
  --surface-raised: #111827;
  --surface-alt: #0E131F;
  --surface-dark: #06090F;
  --surface-dark-2: #0D1220;
  --border: #1D2534;
  --border-strong: #2B3547;
  --shadow-1: 0 1px 2px rgba(0,0,0,.6);
  --shadow-2: 0 4px 14px rgba(0,0,0,.55);
  --shadow-3: 0 12px 34px rgba(0,0,0,.6);
}
[data-theme="nocturnal"] .duo > img { brightness: 1; filter: grayscale(1) contrast(1.12) brightness(.95); }
[data-theme="nocturnal"] .duo::after { opacity: .7; }
[data-theme="nocturnal"] .case, [data-theme="nocturnal"] .svc-panel { background: var(--surface-raised); }
[data-theme="nocturnal"] .svc-tab[aria-selected="true"] { background: var(--accent); border-color: var(--accent); color: #0A0E16; }
[data-theme="nocturnal"] .btn-dark { background: var(--surface-raised); border: 1px solid var(--border-strong); }
[data-theme="nocturnal"] .btn-dark:hover { background: var(--surface-alt); }

/* ---------- GRAPHITE — warm bone paper, charcoal ink ---------- */
[data-theme="graphite"] {
  --rs-ink-900: #1A1817;
  --rs-ink-800: #241F1C;
  --rs-ink-700: #35302C;
  --fg-1: #1A1817;
  --fg-2: #56504B;
  --fg-3: #837B73;
  --surface: #F6F3EE;
  --surface-raised: #FFFDFA;
  --surface-alt: #EDE8E0;
  --surface-dark: #1A1817;
  --surface-dark-2: #241F1C;
  --border: #E0D9CF;
  --border-strong: #C8BFB2;
}

/* ---------- COBALT — navy ink, electric blue signal ---------- */
[data-theme="cobalt"] {
  --rs-ink-900: #060D1E;
  --rs-ink-800: #0B162C;
  --rs-ink-700: #16233D;
  --fg-1: #0A1220;
  --fg-2: #46536B;
  --fg-3: #6B7688;
  --surface: #F7F9FC;
  --surface-raised: #FFFFFF;
  --surface-alt: #EDF1F7;
  --surface-dark: #060D1E;
  --surface-dark-2: #0B162C;
  --border: #DCE3ED;
  --border-strong: #BFC9D8;
}

/* ---------- INDUSTRY — concrete grey, steel blue-grey ---------- */
[data-theme="industry"] {
  --rs-ink-900: #14181A;
  --rs-ink-800: #1E2428;
  --rs-ink-700: #2C343A;
  --fg-1: #14181A;
  --fg-2: #4C565C;
  --fg-3: #77828A;
  --surface: #F2F3F4;
  --surface-raised: #FBFBFC;
  --surface-alt: #E5E8EA;
  --surface-dark: #14181A;
  --surface-dark-2: #1E2428;
  --border: #D8DCDF;
  --border-strong: #B6BDC2;
}

/* ---------- BROADSTREET — cream paper, deep green ink ---------- */
[data-theme="broadstreet"] {
  --rs-ink-900: #10231C;
  --rs-ink-800: #173227;
  --rs-ink-700: #234639;
  --fg-1: #10231C;
  --fg-2: #485C53;
  --fg-3: #75857C;
  --surface: #F8F5EE;
  --surface-raised: #FFFDF8;
  --surface-alt: #EFEADF;
  --surface-dark: #10231C;
  --surface-dark-2: #173227;
  --border: #E2DBCC;
  --border-strong: #C6BCA8;
}