/* Blueshade theme v1 - colour channels for Tailwind apps (SentinelStrike, CRM). Load AFTER ../theme.css.
   Values are "r g b" so Tailwind opacity modifiers work (bg-slate-900/60); tailwind.preset.cjs maps the colour names to them.
   The slate scale is inverted by theme (slate-950 is the page, slate-900 a card, slate-100 the text) so one set of class names
   serves light and dark. .theme-dark / .theme-light force one palette inside an element (navy side bar, terminal output). */

:root,
[data-theme='light'],
.theme-light {
  --c-slate-50: 11 20 36; --c-slate-100: 20 32 51; --c-slate-200: 34 47 69; --c-slate-300: 51 65 90; --c-slate-400: 74 88 109; --c-slate-500: 93 107 128; --c-slate-600: 97 110 131; --c-slate-700: 182 193 209; --c-slate-800: 217 223 232; --c-slate-900: 255 255 255; --c-slate-950: 243 245 248;  /* #0b1424 #142033 #222f45 #33415a #4a586d #5d6b80 #616e83 #b6c1d1 #d9dfe8 #ffffff #f3f5f8 */
  --c-brand-50: 61 46 10; --c-brand-100: 90 68 16; --c-brand-400: 122 93 23; --c-brand-500: 138 106 28; --c-brand-600: 200 162 76; --c-brand-700: 169 130 47;  /* #3d2e0a #5a4410 #7a5d17 #8a6a1c #c8a24c #a9822f */
  --c-red-100: 143 44 38; --c-red-200: 143 44 38; --c-red-300: 178 58 51; --c-red-400: 178 58 51; --c-red-500: 239 68 68; --c-red-600: 220 38 38; --c-red-700: 185 28 28; --c-red-800: 248 225 223;
  --c-amber-100: 122 79 14; --c-amber-200: 122 79 14; --c-amber-300: 133 86 12; --c-amber-400: 154 101 18; --c-amber-500: 245 158 11; --c-amber-600: 217 119 6; --c-amber-700: 180 83 9; --c-amber-800: 251 239 214;
  --c-emerald-100: 31 92 61; --c-emerald-200: 31 92 61; --c-emerald-300: 37 106 71; --c-emerald-400: 47 125 85; --c-emerald-500: 16 185 129; --c-emerald-600: 5 150 105; --c-emerald-700: 4 120 87; --c-emerald-800: 226 242 233;
  --c-sky-100: 27 70 115; --c-sky-200: 27 70 115; --c-sky-300: 36 88 143; --c-sky-400: 36 88 143; --c-sky-500: 14 165 233; --c-sky-600: 2 132 199; --c-sky-700: 3 105 161; --c-sky-800: 225 236 248;
  --c-orange-100: 124 45 18; --c-orange-200: 124 45 18; --c-orange-300: 154 52 18; --c-orange-400: 194 65 12; --c-orange-500: 249 115 22; --c-orange-600: 234 88 12; --c-orange-700: 194 65 12; --c-orange-800: 255 237 213;
  --c-indigo-100: 49 46 129; --c-indigo-200: 55 48 163; --c-indigo-300: 67 56 202; --c-indigo-400: 67 56 202; --c-indigo-500: 99 102 241; --c-indigo-600: 79 70 229; --c-indigo-700: 67 56 202; --c-indigo-800: 224 231 255;
  --c-teal-100: 19 78 74; --c-teal-200: 17 94 89; --c-teal-300: 15 118 110; --c-teal-400: 15 118 110; --c-teal-500: 20 184 166; --c-teal-600: 13 148 136; --c-teal-700: 15 118 110; --c-teal-800: 204 251 241;
  --c-primary: 13 34 64; --c-primary-hover: 22 49 86; --c-on-primary: 255 255 255; --c-field: 255 255 255;  /* #0d2240 #163156 #ffffff #ffffff */
}

[data-theme='dark'],
.theme-dark {
  --c-slate-50: 247 249 252; --c-slate-100: 237 241 247; --c-slate-200: 219 227 239; --c-slate-300: 199 209 223; --c-slate-400: 164 178 198; --c-slate-500: 138 155 180; --c-slate-600: 119 146 182; --c-slate-700: 36 66 107; --c-slate-800: 22 49 86; --c-slate-900: 13 34 64; --c-slate-950: 8 22 41;  /* #f7f9fc #edf1f7 #dbe3ef #c7d1df #a4b2c6 #8a9bb4 #7792b6 #24426b #163156 #0d2240 #081629 */
  --c-brand-50: 251 246 232; --c-brand-100: 244 234 210; --c-brand-400: 217 186 106; --c-brand-500: 207 173 92; --c-brand-600: 200 162 76; --c-brand-700: 169 130 47;  /* #fbf6e8 #f4ead2 #d9ba6a #cfad5c #c8a24c #a9822f */
  --c-red-100: 254 226 226; --c-red-200: 254 202 202; --c-red-300: 252 165 165; --c-red-400: 248 113 113; --c-red-500: 239 68 68; --c-red-600: 220 38 38; --c-red-700: 185 28 28; --c-red-800: 153 27 27;
  --c-amber-100: 254 243 199; --c-amber-200: 253 230 138; --c-amber-300: 252 211 77; --c-amber-400: 251 191 36; --c-amber-500: 245 158 11; --c-amber-600: 217 119 6; --c-amber-700: 180 83 9; --c-amber-800: 146 64 14;
  --c-emerald-100: 209 250 229; --c-emerald-200: 167 243 208; --c-emerald-300: 110 231 183; --c-emerald-400: 52 211 153; --c-emerald-500: 16 185 129; --c-emerald-600: 5 150 105; --c-emerald-700: 4 120 87; --c-emerald-800: 6 95 70;
  --c-sky-100: 224 242 254; --c-sky-200: 186 230 253; --c-sky-300: 125 211 252; --c-sky-400: 56 189 248; --c-sky-500: 14 165 233; --c-sky-600: 2 132 199; --c-sky-700: 3 105 161; --c-sky-800: 7 89 133;
  --c-orange-100: 255 237 213; --c-orange-200: 254 215 170; --c-orange-300: 253 186 116; --c-orange-400: 251 146 60; --c-orange-500: 249 115 22; --c-orange-600: 234 88 12; --c-orange-700: 194 65 12; --c-orange-800: 154 52 18;
  --c-indigo-100: 224 231 255; --c-indigo-200: 199 210 254; --c-indigo-300: 165 180 252; --c-indigo-400: 129 140 248; --c-indigo-500: 99 102 241; --c-indigo-600: 79 70 229; --c-indigo-700: 67 56 202; --c-indigo-800: 55 48 163;
  --c-teal-100: 204 251 241; --c-teal-200: 153 246 228; --c-teal-300: 94 234 212; --c-teal-400: 45 212 191; --c-teal-500: 20 184 166; --c-teal-600: 13 148 136; --c-teal-700: 15 118 110; --c-teal-800: 17 94 89;
  --c-primary: 200 162 76; --c-primary-hover: 217 186 106; --c-on-primary: 13 34 64; --c-field: 8 22 41;  /* #c8a24c #d9ba6a #0d2240 #081629 */
}

/* Variables are inherited but a computed colour is not re-resolved, so scoped blocks set their own text colour. */
.theme-dark,
.theme-light {
  color: rgb(var(--c-slate-100));
}
.theme-light { color-scheme: light; }
.theme-dark { color-scheme: dark; }

/* Paper is always light: the light channels again for print (after, and as specific as, the dark rules above). */
@media print {
  :root, [data-theme='dark'], .theme-dark {
    --c-slate-50: 11 20 36;
    --c-slate-100: 20 32 51;
    --c-slate-200: 34 47 69;
    --c-slate-300: 51 65 90;
    --c-slate-400: 74 88 109;
    --c-slate-500: 93 107 128;
    --c-slate-600: 97 110 131;
    --c-slate-700: 182 193 209;
    --c-slate-800: 217 223 232;
    --c-slate-900: 255 255 255;
    --c-slate-950: 243 245 248;
    --c-brand-100: 90 68 16;
    --c-brand-400: 122 93 23;
    --c-brand-500: 138 106 28;
    --c-brand-600: 200 162 76;
    --c-brand-700: 169 130 47;
    --c-red-200: 143 44 38;
    --c-red-300: 178 58 51;
    --c-red-400: 178 58 51;
    --c-red-500: 239 68 68;
    --c-red-600: 220 38 38;
    --c-red-700: 185 28 28;
    --c-red-800: 248 225 223;
    --c-amber-100: 122 79 14;
    --c-amber-200: 122 79 14;
    --c-amber-300: 133 86 12;
    --c-amber-400: 154 101 18;
    --c-amber-500: 245 158 11;
    --c-amber-600: 217 119 6;
    --c-amber-700: 180 83 9;
    --c-amber-800: 251 239 214;
    --c-emerald-100: 31 92 61;
    --c-emerald-200: 31 92 61;
    --c-emerald-300: 37 106 71;
    --c-emerald-400: 47 125 85;
    --c-emerald-500: 16 185 129;
    --c-emerald-600: 5 150 105;
    --c-emerald-700: 4 120 87;
    --c-emerald-800: 226 242 233;
    --c-sky-100: 27 70 115;
    --c-sky-200: 27 70 115;
    --c-sky-300: 36 88 143;
    --c-sky-400: 36 88 143;
    --c-sky-500: 14 165 233;
    --c-sky-600: 2 132 199;
    --c-sky-700: 3 105 161;
    --c-sky-800: 225 236 248;
    --c-orange-100: 124 45 18;
    --c-orange-200: 124 45 18;
    --c-orange-300: 154 52 18;
    --c-orange-400: 194 65 12;
    --c-orange-500: 249 115 22;
    --c-orange-600: 234 88 12;
    --c-orange-700: 194 65 12;
    --c-orange-800: 255 237 213;
    --c-indigo-100: 49 46 129;
    --c-indigo-200: 55 48 163;
    --c-indigo-300: 67 56 202;
    --c-indigo-400: 67 56 202;
    --c-indigo-500: 99 102 241;
    --c-indigo-600: 79 70 229;
    --c-indigo-700: 67 56 202;
    --c-indigo-800: 224 231 255;
    --c-teal-100: 19 78 74;
    --c-teal-200: 17 94 89;
    --c-teal-300: 15 118 110;
    --c-teal-400: 15 118 110;
    --c-teal-500: 20 184 166;
    --c-teal-600: 13 148 136;
    --c-teal-700: 15 118 110;
    --c-teal-800: 204 251 241;
    --c-primary: 13 34 64;
    --c-primary-hover: 22 49 86;
    --c-on-primary: 255 255 255;
    --c-field: 255 255 255;
    color-scheme: light;
  }
  .theme-dark { color: rgb(var(--c-slate-100)); }
}