/* ═════════════════════════════════════════════════════════════════════
   Палитра: светлая и тёмная

   Цвета были записаны числами прямо в конфиге Tailwind: имя класса
   жёстко связано с одним значением, и второй темы быть не могло.

   Здесь те же имена живут переменными в формате «R G B» (без запятых — чтобы
   работали слеши прозрачности вида `border-outline-variant/20`, которых в
   кабинетах сотни).

   Тёмная тема включается двумя путями:
     — сама, по настройке системы, если человек не выбрал светлую явно;
     — явным выбором в кабинете (`data-theme` на корне документа).

   Сторож выбора важен: без `:root:not([data-theme="light"])` системная
   тёмная перебивала бы явно выбранную светлую.

   Отдельный файл, а не начало `controls.css`: палитра нужна КАЖДОЙ странице,
   которая подключает собранный `eventbot-ui.css` (лендинг, встраиваемые
   разделы кабинета), а слой компонентов — только кабинетам. Пока палитра
   жила в `controls.css`, лендинг его не подключал и с 28.09.2026 потерял все
   цвета: переменная без значения даёт прозрачный фон и чёрный текст.
   Сторож — `tests/lk/paletteOnEveryPage.guard.test.ts`.
   ═════════════════════════════════════════════════════════════════════ */
:root {
  color-scheme: light;
  --eb-background: 249 245 255;
  --eb-error: 180 19 64;
  --eb-error-container: 247 75 109;
  --eb-error-dim: 167 1 56;
  --eb-info: 28 95 168;
  --eb-info-container: 219 234 254;
  --eb-inverse-on-surface: 156 152 198;
  --eb-inverse-primary: 133 130 255;
  --eb-inverse-surface: 11 8 47;
  --eb-neutral-container: 236 234 244;
  --eb-on-background: 44 42 81;
  --eb-on-error: 255 239 239;
  --eb-on-error-container: 81 0 23;
  --eb-on-info: 255 255 255;
  --eb-on-info-container: 11 37 69;
  --eb-on-neutral-container: 69 66 106;
  --eb-on-primary: 244 241 255;
  --eb-on-primary-container: 20 0 126;
  --eb-on-primary-fixed: 0 0 0;
  --eb-on-primary-fixed-variant: 26 0 153;
  --eb-on-secondary: 245 241 255;
  --eb-on-secondary-container: 64 55 160;
  --eb-on-secondary-fixed: 44 32 140;
  --eb-on-secondary-fixed-variant: 73 65 170;
  --eb-on-success: 255 255 255;
  --eb-on-success-container: 4 51 31;
  --eb-on-surface: 44 42 81;
  --eb-on-surface-variant: 90 87 129;
  --eb-on-tertiary: 255 238 246;
  --eb-on-tertiary-container: 101 13 88;
  --eb-on-tertiary-fixed: 67 0 57;
  --eb-on-tertiary-fixed-variant: 112 25 97;
  --eb-on-warning: 255 255 255;
  --eb-on-warning-container: 46 29 0;
  --eb-outline: 117 114 158;
  --eb-outline-variant: 172 168 215;
  --eb-primary: 74 64 224;
  --eb-primary-container: 151 149 255;
  --eb-primary-dim: 61 48 212;
  --eb-primary-fixed: 151 149 255;
  --eb-primary-fixed-dim: 136 133 255;
  --eb-secondary: 84 77 182;
  --eb-secondary-container: 209 204 255;
  --eb-secondary-dim: 72 64 169;
  --eb-secondary-fixed: 209 204 255;
  --eb-secondary-fixed-dim: 193 189 255;
  --eb-success: 15 122 77;
  --eb-success-container: 215 242 227;
  --eb-surface: 249 245 255;
  --eb-surface-bright: 249 245 255;
  --eb-surface-container: 233 229 255;
  --eb-surface-container-high: 227 223 255;
  --eb-surface-container-highest: 221 217 255;
  --eb-surface-container-low: 243 238 255;
  --eb-surface-container-lowest: 255 255 255;
  --eb-surface-dim: 212 207 255;
  --eb-surface-tint: 74 64 224;
  --eb-surface-variant: 221 217 255;
  --eb-tertiary: 147 56 128;
  --eb-tertiary-container: 255 149 227;
  --eb-tertiary-dim: 132 43 115;
  --eb-tertiary-fixed: 255 149 227;
  --eb-tertiary-fixed-dim: 240 136 212;
  --eb-warning: 138 90 0;
  --eb-warning-container: 253 238 203;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --eb-background: 18 16 36;
    --eb-error: 255 155 176;
    --eb-error-container: 122 10 40;
    --eb-error-dim: 232 123 147;
    --eb-info: 142 193 255;
    --eb-info-container: 23 56 94;
    --eb-inverse-on-surface: 44 42 81;
    --eb-inverse-primary: 74 64 224;
    --eb-inverse-surface: 232 229 255;
    --eb-neutral-container: 42 39 69;
    --eb-on-background: 232 229 255;
    --eb-on-error: 61 0 17;
    --eb-on-error-container: 255 217 224;
    --eb-on-info: 8 33 63;
    --eb-on-info-container: 213 230 255;
    --eb-on-neutral-container: 201 198 230;
    --eb-on-primary: 26 15 102;
    --eb-on-primary-container: 224 221 255;
    --eb-on-primary-fixed: 0 0 0;
    --eb-on-primary-fixed-variant: 26 0 153;
    --eb-on-secondary: 34 26 110;
    --eb-on-secondary-container: 226 223 255;
    --eb-on-secondary-fixed: 44 32 140;
    --eb-on-secondary-fixed-variant: 73 65 170;
    --eb-on-success: 0 48 28;
    --eb-on-success-container: 199 243 221;
    --eb-on-surface: 232 229 255;
    --eb-on-surface-variant: 185 181 228;
    --eb-on-tertiary: 61 0 51;
    --eb-on-tertiary-container: 255 217 242;
    --eb-on-tertiary-fixed: 67 0 57;
    --eb-on-tertiary-fixed-variant: 112 25 97;
    --eb-on-warning: 46 29 0;
    --eb-on-warning-container: 251 230 189;
    --eb-outline: 139 136 184;
    --eb-outline-variant: 86 82 132;
    --eb-primary: 169 164 255;
    --eb-primary-container: 59 49 168;
    --eb-primary-dim: 143 137 240;
    --eb-primary-fixed: 151 149 255;
    --eb-primary-fixed-dim: 136 133 255;
    --eb-secondary: 189 184 255;
    --eb-secondary-container: 58 52 128;
    --eb-secondary-dim: 154 149 232;
    --eb-secondary-fixed: 209 204 255;
    --eb-secondary-fixed-dim: 193 189 255;
    --eb-success: 109 219 164;
    --eb-success-container: 19 74 50;
    --eb-surface: 18 16 36;
    --eb-surface-bright: 42 39 69;
    --eb-surface-container: 36 33 69;
    --eb-surface-container-high: 43 40 81;
    --eb-surface-container-highest: 51 48 94;
    --eb-surface-container-low: 30 27 60;
    --eb-surface-container-lowest: 24 22 51;
    --eb-surface-dim: 13 11 27;
    --eb-surface-tint: 169 164 255;
    --eb-surface-variant: 51 48 94;
    --eb-tertiary: 242 163 220;
    --eb-tertiary-container: 107 42 92;
    --eb-tertiary-dim: 213 133 192;
    --eb-tertiary-fixed: 255 149 227;
    --eb-tertiary-fixed-dim: 240 136 212;
    --eb-warning: 240 191 106;
    --eb-warning-container: 77 50 0;
  }
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --eb-background: 18 16 36;
  --eb-error: 255 155 176;
  --eb-error-container: 122 10 40;
  --eb-error-dim: 232 123 147;
  --eb-info: 142 193 255;
  --eb-info-container: 23 56 94;
  --eb-inverse-on-surface: 44 42 81;
  --eb-inverse-primary: 74 64 224;
  --eb-inverse-surface: 232 229 255;
  --eb-neutral-container: 42 39 69;
  --eb-on-background: 232 229 255;
  --eb-on-error: 61 0 17;
  --eb-on-error-container: 255 217 224;
  --eb-on-info: 8 33 63;
  --eb-on-info-container: 213 230 255;
  --eb-on-neutral-container: 201 198 230;
  --eb-on-primary: 26 15 102;
  --eb-on-primary-container: 224 221 255;
  --eb-on-primary-fixed: 0 0 0;
  --eb-on-primary-fixed-variant: 26 0 153;
  --eb-on-secondary: 34 26 110;
  --eb-on-secondary-container: 226 223 255;
  --eb-on-secondary-fixed: 44 32 140;
  --eb-on-secondary-fixed-variant: 73 65 170;
  --eb-on-success: 0 48 28;
  --eb-on-success-container: 199 243 221;
  --eb-on-surface: 232 229 255;
  --eb-on-surface-variant: 185 181 228;
  --eb-on-tertiary: 61 0 51;
  --eb-on-tertiary-container: 255 217 242;
  --eb-on-tertiary-fixed: 67 0 57;
  --eb-on-tertiary-fixed-variant: 112 25 97;
  --eb-on-warning: 46 29 0;
  --eb-on-warning-container: 251 230 189;
  --eb-outline: 139 136 184;
  --eb-outline-variant: 86 82 132;
  --eb-primary: 169 164 255;
  --eb-primary-container: 59 49 168;
  --eb-primary-dim: 143 137 240;
  --eb-primary-fixed: 151 149 255;
  --eb-primary-fixed-dim: 136 133 255;
  --eb-secondary: 189 184 255;
  --eb-secondary-container: 58 52 128;
  --eb-secondary-dim: 154 149 232;
  --eb-secondary-fixed: 209 204 255;
  --eb-secondary-fixed-dim: 193 189 255;
  --eb-success: 109 219 164;
  --eb-success-container: 19 74 50;
  --eb-surface: 18 16 36;
  --eb-surface-bright: 42 39 69;
  --eb-surface-container: 36 33 69;
  --eb-surface-container-high: 43 40 81;
  --eb-surface-container-highest: 51 48 94;
  --eb-surface-container-low: 30 27 60;
  --eb-surface-container-lowest: 24 22 51;
  --eb-surface-dim: 13 11 27;
  --eb-surface-tint: 169 164 255;
  --eb-surface-variant: 51 48 94;
  --eb-tertiary: 242 163 220;
  --eb-tertiary-container: 107 42 92;
  --eb-tertiary-dim: 213 133 192;
  --eb-tertiary-fixed: 255 149 227;
  --eb-tertiary-fixed-dim: 240 136 212;
  --eb-warning: 240 191 106;
  --eb-warning-container: 77 50 0;
}
