/* Palette variants for VCS-DOCs — applied as wrappers around .screen
   Each [data-palette=...][data-theme=light|dark] re-defines tokens locally. */

/* ─── 1. NAVY · LIGHT (SAP-like) ─── */
[data-palette="navy"][data-theme="light"] {
  --bg-0: #f4f6fa;
  --bg-1: #ffffff;
  --bg-2: #f7f9fc;
  --bg-3: #eaeef5;
  --line: #d8dde6;
  --line-strong: #b8c0cc;
  --fg-0: #0e1726;
  --fg-1: #3a4456;
  --fg-2: #6b7589;
  --fg-3: #98a1b3;
  --accent: #0b3b7a;
  --accent-soft: rgba(11,59,122,0.08);
  --accent-line: rgba(11,59,122,0.4);
  --ok: #15803d;
  --warn: #b45309;
  --err: #b91c1c;
  --info: #0369a1;
}

/* ─── 1b. NAVY · DARK ─── */
[data-palette="navy"][data-theme="dark"] {
  --bg-0: #0a1220;
  --bg-1: #111a2c;
  --bg-2: #16223a;
  --bg-3: #1d2c47;
  --line: #243454;
  --line-strong: #324672;
  --fg-0: #e6eaf2;
  --fg-1: #b0bacf;
  --fg-2: #7d8aa4;
  --fg-3: #5b6680;
  --accent: #5b9bff;
  --accent-soft: rgba(91,155,255,0.14);
  --accent-line: rgba(91,155,255,0.45);
  --ok: #4ade80;
  --warn: #facc15;
  --err: #f87171;
  --info: #60a5fa;
}

/* ─── 2. STEEL · LIGHT (industrial neutral) ─── */
[data-palette="steel"][data-theme="light"] {
  --bg-0: #eef0f2;
  --bg-1: #ffffff;
  --bg-2: #f4f5f7;
  --bg-3: #e4e7eb;
  --line: #d1d5db;
  --line-strong: #9aa3af;
  --fg-0: #111418;
  --fg-1: #383f48;
  --fg-2: #6b7380;
  --fg-3: #9aa3af;
  --accent: #b91c1c;        /* signal red — warning marker on machinery */
  --accent-soft: rgba(185,28,28,0.08);
  --accent-line: rgba(185,28,28,0.45);
  --ok: #15803d;
  --warn: #b45309;
  --err: #991b1b;
  --info: #1e40af;
}

/* ─── 2b. STEEL · DARK ─── */
[data-palette="steel"][data-theme="dark"] {
  --bg-0: #15171a;
  --bg-1: #1c1f24;
  --bg-2: #232730;
  --bg-3: #2d323c;
  --line: #353b47;
  --line-strong: #4a5160;
  --fg-0: #ececec;
  --fg-1: #b8bcc4;
  --fg-2: #80868f;
  --fg-3: #5a606c;
  --accent: #ef4444;
  --accent-soft: rgba(239,68,68,0.14);
  --accent-line: rgba(239,68,68,0.45);
  --ok: #4ade80;
  --warn: #fbbf24;
  --err: #f87171;
  --info: #60a5fa;
}

/* ─── 3. FOREST · LIGHT (instrument-grade green) ─── */
[data-palette="forest"][data-theme="light"] {
  --bg-0: #f3f5f1;
  --bg-1: #ffffff;
  --bg-2: #f6f8f3;
  --bg-3: #e8ede0;
  --line: #d3d9c8;
  --line-strong: #a9b39a;
  --fg-0: #11261b;
  --fg-1: #324438;
  --fg-2: #647266;
  --fg-3: #93a094;
  --accent: #1f5d3b;
  --accent-soft: rgba(31,93,59,0.08);
  --accent-line: rgba(31,93,59,0.4);
  --ok: #15803d;
  --warn: #a16207;
  --err: #b91c1c;
  --info: #1e6091;
}

/* ─── 3b. FOREST · DARK ─── */
[data-palette="forest"][data-theme="dark"] {
  --bg-0: #0d1612;
  --bg-1: #131e18;
  --bg-2: #182721;
  --bg-3: #1f332a;
  --line: #25403434;
  --line: #284036;
  --line-strong: #3a584a;
  --fg-0: #e8ece8;
  --fg-1: #b2bcb4;
  --fg-2: #7d8a82;
  --fg-3: #586259;
  --accent: #6dd58a;
  --accent-soft: rgba(109,213,138,0.14);
  --accent-line: rgba(109,213,138,0.45);
  --ok: #6dd58a;
  --warn: #fbbf24;
  --err: #f87171;
  --info: #60a5fa;
}

/* ─── 4. PAPER · LIGHT (drafting paper / blueprint) ─── */
[data-palette="paper"][data-theme="light"] {
  --bg-0: #f7f4ec;
  --bg-1: #fffdf6;
  --bg-2: #f3efe3;
  --bg-3: #e6e0ce;
  --line: #d6cfb8;
  --line-strong: #a89e7d;
  --fg-0: #1d1a14;
  --fg-1: #3e3a30;
  --fg-2: #6e6957;
  --fg-3: #968f78;
  --accent: #c0392b;        /* red engineering marker */
  --accent-soft: rgba(192,57,43,0.08);
  --accent-line: rgba(192,57,43,0.4);
  --ok: #2d6a4f;
  --warn: #92590b;
  --err: #a02520;
  --info: #1d4e89;
}

/* ─── 4b. PAPER · DARK (technical blueprint) ─── */
[data-palette="paper"][data-theme="dark"] {
  --bg-0: #0a1828;
  --bg-1: #0e2034;
  --bg-2: #122742;
  --bg-3: #173052;
  --line: #1e3d63;
  --line-strong: #2d5489;
  --fg-0: #e8f0fa;
  --fg-1: #b8c8de;
  --fg-2: #7e92ae;
  --fg-3: #56688a;
  --accent: #ffb84d;        /* warm marker on blueprint */
  --accent-soft: rgba(255,184,77,0.14);
  --accent-line: rgba(255,184,77,0.45);
  --ok: #6dd58a;
  --warn: #ffb84d;
  --err: #ff7a7a;
  --info: #82b6ff;
}