/* Купол · локальна тема «Glass Command»
   Токени світлої/темної теми + рецепти скла, сітка-мереживо й піднесення.
   Банл SPA (site/assets/index-*.css) визначає ~60 змінних у :root; тут перевизначаємо їх
   для [data-theme=light|dark] і додаємо власні змінні --g-... та --cmd-... для локального шару.
   Файл підключає serve.py в момент віддачі HTML — у site/ нічого не правиться. */

:root {
  --l-radius: 22px;
  --l-radius-sm: 14px;
  --l-ease: cubic-bezier(.2, .8, .2, 1);
  --l-glow: 0 0 0 1px rgba(203, 233, 107, .45), 0 8px 30px rgba(182, 0, 0, .18);
  --l-accent: #7f9b12;
  --l-accent-soft: rgba(203, 233, 107, .22);

  /* скляні рецепти — спільні форми, значення дає тема */
  --g-radius: 20px;
  --g-radius-sm: 13px;
  --g-radius-lg: 26px;
  --g-blur: blur(22px) saturate(168%);
  --g-edge: inset 0 1px 0 rgba(255, 255, 255, .5);
  --el-1: 0 1px 2px rgba(8, 12, 20, .1), 0 6px 18px rgba(8, 12, 20, .1);
  --el-2: 0 2px 6px rgba(8, 12, 20, .12), 0 16px 40px rgba(8, 12, 20, .16);
  --el-3: 0 4px 10px rgba(8, 12, 20, .16), 0 28px 70px rgba(8, 12, 20, .24);
  --cmd-accent: #6f8c0f;
  --cmd-accent-2: #0e7d8c;
  --cmd-accent-3: #7a4bd6;
  --cmd-accent-4: #d9750d;
  --cmd-ring: rgba(111, 140, 15, .5);
  --cmd-mesh-1: rgba(126, 180, 255, .3);
  --cmd-mesh-2: rgba(150, 240, 200, .26);
  --cmd-mesh-3: rgba(200, 160, 255, .22);
  --cmd-mesh-4: rgba(255, 190, 120, .22);
  --cmd-sheen: linear-gradient(140deg, rgba(255, 255, 255, .46), rgba(255, 255, 255, 0) 42%);
  --cmd-grid: rgba(20, 23, 28, .045);
}

/* ---------- світла: холодне скло на папері ---------- */
:root[data-theme="light"] {
  color-scheme: light;
  --bg: #eef1f6;
  --ink: #14171c;
  --ink-2: #4a5058;
  --ink-3: #616a77;
  --paper: #ffffff;
  --on-fill: #ffffff;
  --plate: rgba(255, 255, 255, .66);
  --plate-solid: #ffffff;
  --plate-blur: blur(20px) saturate(165%);
  --surface: rgba(255, 255, 255, .78);
  --surface-hi: rgba(255, 255, 255, .92);
  --surface-soft: rgba(255, 255, 255, .64);
  --surface-mute: rgba(20, 23, 28, .055);
  --line: rgba(20, 23, 28, .13);
  --line-soft: rgba(20, 23, 28, .07);
  --outline: rgba(20, 23, 28, .16);
  --ring-gap: #eef1f6;
  --shadow: 0 1px 2px rgba(20, 23, 28, .05), 0 10px 30px rgba(20, 23, 28, .08);
  --shadow-float: 0 16px 44px rgba(20, 23, 28, .17);
  --r-plate: var(--l-radius);
  --bar-ink: #14171c;
  --g-fill: rgba(255, 255, 255, .7);
  --g-fill-hi: rgba(255, 255, 255, .86);
  --on-lime: #1b2306;
  --lime-text: #4f6a05;
  --g-border: rgba(20, 23, 28, .11);
  --g-shadow: 0 1px 0 rgba(255, 255, 255, .7) inset, 0 10px 32px rgba(16, 24, 40, .13);
  --cmd-ring: rgba(111, 140, 15, .45);
  --cmd-grid: rgba(20, 23, 28, .05);

  /* статуси світла: значення з банла, щоб підсайт жив і без його CSS */
  --crit: #b60000;
  --crit-on-ink: #ff9a9a;
  --crit-soft: rgba(182, 0, 0, .1);
  --ok: #14a05a;
  --ok-ink: #146c2e;
  --ok-acoustic: #6fa883;
  --lime: #cbe96b;
  --lime-acoustic: #dbe6c8;
  --warn: #f5b63c;
  --warn-ink: #e8700a;
  --warn-ink-on: #a35a00;
  --warn-ink-deep: #a4530a;
  --warn-pill-ink: #7a5f00;
  --warn-pill-bg: rgba(245, 182, 60, .16);
  --unknown: #8aa394;
  --unknown-ink: #4b5d52;
  --unknown-bar: #e3e9dc;
  --unknown-soft: rgba(138, 163, 148, .16);
  --service: #5e5185;
  --service-ink: #443a63;
  --tech: #af52de;
  --near-ring: #16181c;
  /* фон: власне фото + ским, який тримає AA під скляними плитками */
  --cmd-photo: url("/kupol-local/bg-light-v2.jpg");
  --cmd-scrim: linear-gradient(180deg, rgba(238, 241, 246, .34), rgba(238, 241, 246, .66) 52%, rgba(238, 241, 246, .84));

  --puff-tl: 120, 185, 235;
  --puff-tr: 130, 205, 220;
  --puff-bl: 125, 205, 150;
  --puff-br: 145, 215, 195;
  --l-grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.035'/%3E%3C/svg%3E");
}

/* ---------- темна: оперативна ніч ---------- */
:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #070a10;
  --ink: #e7ecf4;
  --ink-2: #a9b2c0;
  --ink-3: #848fa1;
  --paper: #121722;
  --on-fill: #070a10;
  --plate: rgba(17, 22, 33, .7);
  --plate-solid: #131a26;
  --plate-blur: blur(22px) saturate(150%);
  --surface: rgba(19, 25, 37, .8);
  --surface-hi: rgba(26, 33, 47, .9);
  --surface-soft: rgba(26, 33, 47, .66);
  --surface-mute: rgba(231, 236, 244, .07);
  --line: rgba(231, 236, 244, .14);
  --line-soft: rgba(231, 236, 244, .08);
  --outline: rgba(231, 236, 244, .18);
  --ring-gap: #070a10;
  --shadow: 0 1px 2px rgba(0, 0, 0, .5), 0 14px 38px rgba(0, 0, 0, .45);
  --shadow-float: 0 22px 56px rgba(0, 0, 0, .62);
  --r-plate: var(--l-radius);
  --bar-ink: #e7ecf4;
  --g-fill: rgba(18, 24, 36, .68);
  --g-fill-hi: rgba(26, 33, 48, .82);
  --on-lime: #12180a;
  --lime-text: #d6f46a;
  --g-border: rgba(231, 236, 244, .13);
  --g-shadow: 0 1px 0 rgba(255, 255, 255, .07) inset, 0 16px 44px rgba(0, 0, 0, .5);
  --cmd-accent: #cbe96b;
  --cmd-accent-2: #5ad3e6;
  --cmd-accent-3: #b79bff;
  --cmd-accent-4: #ffbf6b;
  --cmd-ring: rgba(203, 233, 107, .5);
  --cmd-mesh-1: rgba(56, 132, 255, .34);
  --cmd-mesh-2: rgba(46, 196, 150, .22);
  --cmd-mesh-3: rgba(146, 92, 255, .26);
  --cmd-mesh-4: rgba(255, 152, 66, .18);
  --cmd-sheen: linear-gradient(140deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, 0) 44%);
  --cmd-grid: rgba(231, 236, 244, .05);

  /* статуси: у темній темі червоний читається як світлий */
  --crit: #ff4d4d;
  --crit-on-ink: #ff8f8f;
  --crit-soft: rgba(255, 77, 77, .16);
  --ok: #2fd07d;
  --ok-ink: #63e39c;
  --ok-acoustic: #2f9e6b;
  --lime: #d6f46a;
  --lime-acoustic: #25330f;
  --warn: #ffc247;
  --warn-ink: #ffd27a;
  --warn-ink-on: #201605;
  --warn-ink-deep: #ffdd8f;
  --warn-pill-ink: #ffe0a3;
  --warn-pill-bg: rgba(255, 194, 71, .18);
  --unknown: #7f8ea3;
  --unknown-ink: #b3c0d1;
  --unknown-bar: #1b2331;
  --unknown-soft: rgba(127, 142, 163, .18);
  --service: #b39ddb;
  --service-ink: #cdbdf2;
  --tech: #d07bff;

  /* фон: фото «оперативна ніч» — саме по собі темне, ским лише довертає глибину */
  --cmd-photo: url("/kupol-local/bg-dark.jpg");
  --cmd-scrim: linear-gradient(180deg, rgba(7, 10, 16, .34), rgba(7, 10, 16, .58) 56%, rgba(7, 10, 16, .78));

  /* фон-«дихання» мапи */
  --puff-tl: 24, 40, 66;
  --puff-tr: 20, 52, 60;
  --puff-bl: 22, 54, 36;
  --puff-br: 30, 44, 70;
  --near-ring: #e7ecf4;
  --l-grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.05'/%3E%3C/svg%3E");
}