/* Site color palettes: the single source for every page on praxix.app — the
   React pages (index.html), the static thanks.html, the Worker-rendered download
   page, and the injected consent banner all read these variables. Values are RGB
   channels so Tailwind's `site-*` colors (tailwind.config.js) can apply alpha.
   Which palette shows is picked per visit by the inline script in each page's
   <head> (see src/palette.ts in the Worker); test/palettes.test.ts pins it. */

:root {
  /* Site colors as RGB channels; Tailwind's `site-*` colors read these
     (tailwind.config.js). These defaults are palette 0, the original look. */
  --c-bg: 10 12 16;
  --c-panel: 13 16 22;
  --c-raised: 15 18 24;
  --c-panel-hover: 22 26 34;
  --c-ink: 232 234 240;
  --c-ink-soft: 201 207 218;
  --c-ink-strong: 255 255 255;
  --c-muted: 154 163 178;
  --c-dim: 91 100 115;
  --c-line-soft: 26 29 36;
  --c-line: 35 40 54;
  --c-line-2: 42 48 64;
  --c-line-3: 47 54 69;
  --c-line-4: 58 65 80;
  --c-accent: 86 200 230;
  --c-accent-hover: 122 215 240;
  --c-on-accent: 10 12 16;
  --c-danger: 242 114 127;
  --c-warm: 196 135 63;
  /* Shared by every palette (all dark): "best answer" / success, and the Praxix team badge. */
  --c-success: 127 199 154;
  --c-info: 143 180 255;
}

/* Palettes 1-6 mirror the app's six built-in themes, in the order of
   src/shared/themes/builtins.ts ALL_BUILTINS. No names on purpose. */
[data-palette="1"] {
  --c-bg: 13 17 23;
  --c-panel: 22 27 34;
  --c-raised: 26 31 38;
  --c-panel-hover: 31 36 43;
  --c-ink: 201 209 217;
  --c-ink-soft: 182 191 199;
  --c-ink-strong: 255 255 255;
  --c-muted: 139 148 158;
  --c-dim: 110 118 129;
  --c-line-soft: 34 39 48;
  --c-line: 42 47 58;
  --c-line-2: 55 60 71;
  --c-line-3: 61 66 77;
  --c-line-4: 74 79 90;
  --c-accent: 88 166 255;
  --c-accent-hover: 121 184 255;
  --c-on-accent: 10 14 20;
  --c-danger: 248 81 73;
  --c-warm: 219 109 40;
}
[data-palette="2"] {
  --c-bg: 20 23 28;
  --c-panel: 28 32 40;
  --c-raised: 32 36 43;
  --c-panel-hover: 39 42 48;
  --c-ink: 240 230 208;
  --c-ink-soft: 216 202 173;
  --c-ink-strong: 255 255 255;
  --c-muted: 160 138 90;
  --c-dim: 107 90 58;
  --c-line-soft: 36 31 35;
  --c-line: 42 31 31;
  --c-line-2: 58 47 45;
  --c-line-3: 66 55 52;
  --c-line-4: 82 71 66;
  --c-accent: 77 208 225;
  --c-accent-hover: 113 217 231;
  --c-on-accent: 10 12 16;
  --c-danger: 196 30 58;
  --c-warm: 224 122 47;
}
[data-palette="3"] {
  --c-bg: 22 32 26;
  --c-panel: 31 46 36;
  --c-raised: 35 50 40;
  --c-panel-hover: 41 55 45;
  --c-ink: 223 231 220;
  --c-ink-soft: 205 215 203;
  --c-ink-strong: 255 255 255;
  --c-muted: 163 179 164;
  --c-dim: 111 129 114;
  --c-line-soft: 41 59 47;
  --c-line: 47 68 55;
  --c-line-2: 61 81 68;
  --c-line-3: 68 88 75;
  --c-line-4: 82 101 88;
  --c-accent: 242 218 53;
  --c-accent-hover: 245 225 93;
  --c-on-accent: 16 24 18;
  --c-danger: 214 72 42;
  --c-warm: 224 130 63;
}
[data-palette="4"] {
  --c-bg: 25 30 35;
  --c-panel: 32 38 44;
  --c-raised: 36 41 47;
  --c-panel-hover: 41 47 51;
  --c-ink: 216 212 182;
  --c-ink-soft: 191 190 172;
  --c-ink-strong: 255 255 255;
  --c-muted: 131 137 150;
  --c-dim: 93 98 109;
  --c-line-soft: 41 46 58;
  --c-line: 47 51 68;
  --c-line-2: 61 64 77;
  --c-line-3: 67 70 82;
  --c-line-4: 81 83 91;
  --c-accent: 236 210 74;
  --c-accent-hover: 240 219 110;
  --c-on-accent: 20 24 28;
  --c-danger: 219 79 132;
  --c-warm: 209 154 102;
}
[data-palette="5"] {
  --c-bg: 241 243 246;
  --c-panel: 232 235 240;
  --c-raised: 228 231 236;
  --c-panel-hover: 223 226 231;
  --c-ink: 46 50 64;
  --c-ink-soft: 55 59 74;
  --c-ink-strong: 0 0 0;
  --c-muted: 76 81 98;
  --c-dim: 148 153 169;
  --c-line-soft: 222 225 229;
  --c-line: 216 218 221;
  --c-line-2: 202 205 208;
  --c-line-3: 196 198 202;
  --c-line-4: 182 184 190;
  --c-accent: 212 166 74;
  --c-accent-hover: 170 133 59;
  --c-on-accent: 31 34 48;
  --c-danger: 180 68 105;
  --c-warm: 217 119 43;
  color-scheme: light;
}
[data-palette="6"] {
  --c-bg: 25 30 35;
  --c-panel: 32 38 44;
  --c-raised: 36 42 47;
  --c-panel-hover: 43 48 52;
  --c-ink: 255 246 200;
  --c-ink-soft: 233 227 190;
  --c-ink-strong: 255 255 255;
  --c-muted: 180 184 168;
  --c-dim: 128 132 111;
  --c-line-soft: 57 57 40;
  --c-line: 74 69 38;
  --c-line-2: 88 83 51;
  --c-line-3: 96 90 57;
  --c-line-4: 110 104 70;
  --c-accent: 255 229 0;
  --c-accent-hover: 255 234 51;
  --c-on-accent: 20 24 28;
  --c-danger: 255 77 138;
  --c-warm: 255 171 31;
}