/* Токени на IGNIS LIGHTS. R-16: единствената палитра (вариант A „графит по дизайн системата“). Извън този файл няма твърди цветове – проверка: tests/tools/css-color-debt.mjs --check. */
:root {
  /* Цветове (ден). Роли: bg фон · surface карти/диалози · surface-2 спокойни пълнежи · ink текст · muted вторичен текст · line линия · line-strong рамки на полета (≥ 3:1) */
  --bg: #f5f7f8;
  --surface: #ffffff;
  --surface-2: #edf1f4;
  --ink: #171b20;
  --muted: #5a6570;
  --line: #dce2e6;
  --line-strong: #7a848e;
  /* Тъмни повърхности (еднакви в двете теми) и текст върху тях; --line-on-dark: линия върху тъмно */
  --nav: #202225;
  --dark: #202225;
  --on-dark: #eef2f6;
  --on-dark-muted: #aab7c3;
  --line-on-dark: #3d424a;
  /* Подложка за продуктови снимки (светла и нощем) и бяло, което не се обръща */
  --pad: #eaf0f4;
  --paper: #ffffff;
  /* Акценти CMY – не се пипат (R-20) */
  --cyan: #00cfe5;
  --magenta: #ec008c;
  --yellow: #f6eb1b;
  /* Текстови варианти на акцентите (≥ 4,5:1 върху --bg/--surface/--surface-2), състояния и фокус (≥ 3:1). --cyan-ink: тъмен циан върху светла подложка, която не се обръща нощем (бадж IP) */
  --cyan-text: #006b78;
  --cyan-ink: #006b78;
  --magenta-text: #b6006d;
  --magenta-soft: #ff86ca;
  --danger: #b3261e;
  --focus: #827b0b;
  --ink-on-light: #171b20;
  /* Много светли нюанси на C/M/Y (бадж, маркер, основната карта) */
  --tint-c: #e6f6f9;
  --tint-m: #fdeef7;
  --tint-y: #fffbd9;
  /* Бял списък за цветове с алфа (прозрачност): сенки, ореоли, стъкло, воал, тънка линия, завеса зад диалог */
  --shadow-1: #00000012;
  --shadow-2: #00000029;
  --shadow-3: #00000052;
  --halo-c: #00cfe51a;
  --halo-m: #ec008c14;
  --halo-y: #f6eb1b16;
  /* Движещи се ореоли (VIS-CMY-BG „AB“): по-силни от неподвижните; най-силната позиция е проверена за контраст ≥4,5:1 */
  --halo-move-c: #00cfe51f;
  --halo-move-m: #ec008c1a;
  --halo-move-y: #f6eb1b20;
  --glass: #ffffffb8;
  --glass-strong: #f5f7f8f2;
  --veil: #ffffff80;
  --hairline: #17191c14;
  --backdrop: #0a0b0da6;
  /* R-20 (вариант A): един и същ кант на всички карти – тънък градиент C→M→Y, "смесването" като брандов мотив; не зависи от позицията на картата */
  --cmy-edge: linear-gradient(90deg, var(--cyan), var(--magenta), var(--yellow));
  --cmy-edge-w: 4px;
  /* z-index (слоеве над 3) */
  --z-compare-bar: 4;
  --z-mobile-cta: 10;
  --z-mobile-dock: 25;
  --z-toast-base: 40;
  --z-toast: 2147483647;
  /* Радиуси */
  --radius-2: 2px;
  --radius-3: 3px;
  --radius-4: 4px;
  --radius-5: 5px;
  --radius-6: 6px;
  --radius-7: 7px;
  --radius-8: 8px;
  /* Сенки */
  --shadow-lift: 0 15px 35px var(--shadow-1);
  /* Движение */
  /* R-31: три продължителности и една крива. fast – бутони, hover; base – панели, диалози; slow – появяване на секция. linear – само marquee; ease-in-out – само безкрайните цикли (ореоли, плаващи модели) */
  --t-fast: 160ms;
  --t-base: 220ms;
  --t-slow: 480ms;
  --ease: cubic-bezier(0.2, 0.65, 0.2, 1);
  --stagger: 60ms;
  /* Hover „повдигане“ на картите: само ДОБАВКАТА над основната сянка и рамка, в псевдоелемент с opacity (MOT-03). Основната сянка остава, затова добавката е малка: сумата е като старата hover сянка (измерено срещу a884472, 1280 px) */
  --lift-shadow: 0 3px 8px var(--shadow-1);
  --lift-border: var(--line-strong);
  /* Цикъл на движещите се ореоли: различни, за да не се синхронизират */
  --dur-halo-c: 52s;
  --dur-halo-m: 58s;
  --dur-halo-y: 55s;
  /* Оформление: една ширина на съдържанието (VIS-W01). --edge – само за блокове на най-горното ниво */
  --content-max: 1360px;
  --gutter: 4%;
  --edge: max(var(--gutter), calc((100% - var(--content-max)) / 2));
}
html[data-theme="night"] {
  --bg: #17191c;
  --surface: #24272c;
  --surface-2: #2c3036;
  --ink: #eef2f6;
  --muted: #aab7c3;
  --line: #3d424a;
  --line-strong: #7d8791;
  --cyan-text: #4bdde9;
  --magenta-text: #ff86ca;
  --danger: #ff8a80;
  --focus: #f6eb1b;
  --shadow-1: #00000026;
  --shadow-2: #00000040;
  --shadow-3: #00000066;
  --lift-shadow: 0 4px 10px var(--shadow-2);
  --lift-border: transparent;
  --halo-c: #00cfe52b;
  --halo-m: #ec008c24;
  --halo-y: #f6eb1b18;
  --halo-move-c: #00cfe538;
  --halo-move-m: #ec008c30;
  --halo-move-y: #f6eb1b24;
  --glass: #24272cb8;
  --glass-strong: #202225ed;
  --veil: #ffffff12;
  --hairline: #ffffff1f;
}