/* Palette tokens for the public pages — landing (/splash), demo tour (/cdemo),
   changelog. ONE source: moved verbatim out of splash.html on 2026-10-20 so the
   demo tour and changelog follow the visitor's palette instead of carrying their
   own fixed colours (UI board: off-palette on every palette). The visitor's choice
   is localStorage 'promo-palette'; day/night is 'brad-theme', shared with the app.
   Guard: tests/unit/test_splash_text_is_readable_in_every_palette.py reads this file. */

/* ======================================================
   PALETTE TOKENS (RGB triplets — Tailwind opacity-friendly)
   7 dark palettes + 7 light overlays. Verified across all
   14 states for body / heading / muted / faint contrast.
   ====================================================== */

/* Default — dark verdigris (matches BRAD app accent) */
:root {
  --bg: 8 18 16;
  --bg-1: 13 28 24;
  --bg-2: 19 39 33;
  --bg-3: 28 54 44;
  --border: 35 70 57;
  --border-soft: 15 38 32;
  --text: 216 239 231;
  --text-muted: 124 181 160;
  --text-faint: 90 142 125;
  --accent: 57 146 122;
  --accent-hot: 122 229 201;
  --accent-soft: 20 58 48;
  --on-accent: 8 18 16;
}

[data-palette="rose-gold"] {
  --bg: 20 15 15; --bg-1: 30 23 23; --bg-2: 42 32 32; --bg-3: 54 40 40;
  --border: 74 52 52; --border-soft: 45 33 33;
  --text: 245 231 228; --text-muted: 200 165 160; --text-faint: 153 124 120;
  --accent: 217 112 130; --accent-hot: 255 194 188; --accent-soft: 106 58 66;
}
[data-palette="copper"] {
  --bg: 20 12 6; --bg-1: 31 20 10; --bg-2: 42 28 16; --bg-3: 56 38 24;
  --border: 77 52 24; --border-soft: 42 28 14;
  --text: 245 228 207; --text-muted: 192 154 102; --text-faint: 151 125 87;
  --accent: 193 107 40; --accent-hot: 242 193 103; --accent-soft: 74 45 16;
}
[data-palette="gold"] {
  --bg: 18 15 5; --bg-1: 28 23 10; --bg-2: 38 31 16; --bg-3: 50 41 24;
  --border: 67 55 36; --border-soft: 37 30 16;
  --text: 244 236 214; --text-muted: 185 165 122; --text-faint: 143 128 96;
  --accent: 229 200 91; --accent-hot: 247 223 125; --accent-soft: 74 61 26;
}
[data-palette="verdigris"] {
  --bg: 8 18 16; --bg-1: 13 28 24; --bg-2: 19 39 33; --bg-3: 28 54 44;
  --border: 35 70 57; --border-soft: 15 38 32;
  --text: 216 239 231; --text-muted: 124 181 160; --text-faint: 90 142 125;
  --accent: 57 146 122; --accent-hot: 122 229 201; --accent-soft: 20 58 48;
}
[data-palette="silver"] {
  --bg: 13 16 22; --bg-1: 21 26 34; --bg-2: 30 37 49; --bg-3: 43 53 67;
  --border: 56 70 90; --border-soft: 26 33 48;
  --text: 231 238 246; --text-muted: 152 168 191; --text-faint: 121 133 152;
  --accent: 106 143 176; --accent-hot: 226 235 244; --accent-soft: 42 57 76;
}
[data-palette="platinum"] {
  --bg: 12 14 21; --bg-1: 21 24 35; --bg-2: 29 33 48; --bg-3: 43 49 66;
  --border: 60 68 100; --border-soft: 25 30 47;
  --text: 232 236 248; --text-muted: 156 167 200; --text-faint: 119 129 167;
  --accent: 115 130 171; --accent-hot: 218 224 239; --accent-soft: 40 46 72;
}
[data-palette="rhodium"] {
  --bg: 17 8 26; --bg-1: 28 16 40; --bg-2: 39 24 55; --bg-3: 55 35 72;
  --border: 74 52 95; --border-soft: 31 18 48;
  --text: 236 224 245; --text-muted: 178 156 197; --text-faint: 141 121 157;
  --accent: 145 115 181; --accent-hot: 226 209 240; --accent-soft: 58 42 80;
}

/* LIGHT MODE OVERLAYS — same tokens, redefined per palette.
   Verified contrast ≥ 4.5:1 for body and ≥ 3:1 for muted. */
[data-theme="light"][data-palette="rose-gold"] {
  --bg: 253 244 243; --bg-1: 255 255 255; --bg-2: 250 236 234; --bg-3: 245 222 220;
  --border: 234 213 210; --border-soft: 245 229 226;
  --text: 42 26 26; --text-muted: 106 76 74; --text-faint: 129 106 104;
  --accent: 175 81 97; --accent-hot: 217 112 130; --accent-soft: 250 209 207;
}
[data-theme="light"][data-palette="copper"] {
  --bg: 253 246 236; --bg-1: 255 255 255; --bg-2: 250 238 216; --bg-3: 244 226 192;
  --border: 232 208 168; --border-soft: 245 231 207;
  --text: 42 30 14; --text-muted: 106 80 48; --text-faint: 132 108 67;
  --accent: 160 84 24; --accent-hot: 192 106 38; --accent-soft: 245 220 180;
}
[data-theme="light"][data-palette="gold"] {
  --bg: 253 249 237; --bg-1: 255 255 255; --bg-2: 250 241 212; --bg-3: 242 230 181;
  --border: 230 214 136; --border-soft: 245 236 200;
  --text: 42 35 16; --text-muted: 106 90 48; --text-faint: 126 113 69;
  --accent: 134 111 22; --accent-hot: 201 146 22; --accent-soft: 245 232 168;
}
[data-theme="light"][data-palette="verdigris"] {
  --bg: 238 250 245; --bg-1: 255 255 255; --bg-2: 216 241 230; --bg-3: 189 231 211;
  --border: 141 208 180; --border-soft: 213 240 227;
  --text: 14 38 32; --text-muted: 48 106 88; --text-faint: 71 122 104;
  --accent: 26 112 85; --accent-hot: 42 138 112; --accent-soft: 198 236 218;
}
[data-theme="light"][data-palette="silver"] {
  --bg: 243 246 251; --bg-1: 255 255 255; --bg-2: 229 236 245; --bg-3: 210 220 233;
  --border: 168 187 210; --border-soft: 220 227 238;
  --text: 16 22 32; --text-muted: 64 90 120; --text-faint: 92 113 138;
  --accent: 74 109 144; --accent-hot: 106 143 176; --accent-soft: 218 228 240;
}
[data-theme="light"][data-palette="platinum"] {
  --bg: 242 243 249; --bg-1: 255 255 255; --bg-2: 228 231 241; --bg-3: 209 213 230;
  --border: 168 175 207; --border-soft: 220 224 236;
  --text: 16 18 37; --text-muted: 61 69 112; --text-faint: 99 107 149;
  --accent: 74 85 133; --accent-hot: 106 122 166; --accent-soft: 218 223 240;
}
[data-theme="light"][data-palette="rhodium"] {
  --bg: 248 241 250; --bg-1: 255 255 255; --bg-2: 239 226 243; --bg-3: 225 206 232;
  --border: 196 165 207; --border-soft: 236 219 240;
  --text: 31 14 42; --text-muted: 80 54 106; --text-faint: 128 96 151;
  --accent: 106 74 144; --accent-hot: 138 106 176; --accent-soft: 232 214 240;
}

/* Light mode flips on-accent so accent buttons read white-on-color */
[data-theme="light"] { --on-accent: 255 255 255; }