/* ══════════════════════════════════════════════════════════════════════════
   Токены оформления Diffbell — ЕДИНСТВЕННОЕ место, где они заданы.

   Лендинг, юридические страницы и (в будущем) кабинет подключают этот файл.
   Расхождение токенов между поверхностями — баг, а не вариация: продукт,
   который выглядит по-разному на соседних страницах, читается как две
   разные конторы.

   Извлечено из landing-prototype.html без изменения значений.
   ══════════════════════════════════════════════════════════════════════════ */

:root{
  color-scheme: light dark;

  --product-name: "Diffbell";           /* ← единственное место с именем */

  /* ── Светлая тема ───────────────────────────────────────────────────── */
  --bg:            #F3F5F7;
  --surface:       #FFFFFF;
  --surface-sunk:  #ECEFF2;
  --surface-quiet: #F8FAFB;
  --border:        #DEE3E9;
  --border-strong: #C3CCD6;
  --text:          #0F141A;
  --text-2:        #4B5763;
  --text-3:        #78848F;

  --accent:        #37499B;
  --accent-hi:     #2B3A80;
  --accent-soft:   #EAEDF8;
  --on-accent:     #FFFFFF;

  --sev-crit:      #A4342A;  --sev-crit-soft: #F9EAE7;
  --sev-high:      #A25E14;  --sev-high-soft: #FAF0E2;
  --sev-med:       #786108;  --sev-med-soft:  #F7F2DC;
  --sev-low:       #566370;  --sev-low-soft:  #ECEFF2;
  --good:          #19664A;  --good-soft:     #E4F1EB;

  --shadow-1: 0 1px 2px rgba(15,20,26,.05);
  --shadow-2: 0 12px 28px -14px rgba(15,20,26,.28), 0 2px 6px rgba(15,20,26,.05);
  --shadow-pop: 0 18px 44px -18px rgba(15,20,26,.34);

  /* ── Бренд студии (white-label). Меняется живьём в блоке «Отчёт». ───── */
  --studio-accent: #1F6F5C;
  --studio-on:     #FFFFFF;

  /* ── Ритм: базовая единица 4px ──────────────────────────────────────── */
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px; --s6:32px; --s7:48px; --s8:64px;
  --r-sm:6px; --r-md:10px; --r-lg:14px; --r-pill:999px;

  --font-ui: "Golos Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;

  --maxw: 1180px;
  --maxw-text: 720px;

  /* Ритм полос: воздух и уплотнение задаются здесь, а не по месту */
  --band-air:   clamp(64px, 8.5vw, 112px);
  --band-tight: clamp(40px, 5vw,  68px);
}

@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg:            #0D1013;
    --surface:       #14181D;
    --surface-sunk:  #0A0D10;
    --surface-quiet: #171C22;
    --border:        #242B33;
    --border-strong: #38424D;
    --text:          #E7ECF1;
    --text-2:        #A3AEB9;
    --text-3:        #7A8792;

    --accent:        #93A4EE;
    --accent-hi:     #AEBAF4;
    --accent-soft:   #1B2137;
    --on-accent:     #0D1013;

    --sev-crit:      #EE8975;  --sev-crit-soft: #2A1A17;
    --sev-high:      #E3A162;  --sev-high-soft: #2A2017;
    --sev-med:       #D2B455;  --sev-med-soft:  #26220F;
    --sev-low:       #93A2B0;  --sev-low-soft:  #1B2027;
    --good:          #5FC194;  --good-soft:     #10231C;

    --shadow-1: 0 1px 2px rgba(0,0,0,.4);
    --shadow-2: 0 12px 28px -14px rgba(0,0,0,.7), 0 2px 6px rgba(0,0,0,.3);
    --shadow-pop: 0 18px 44px -18px rgba(0,0,0,.8);

    --studio-accent: #3E9C82;
  }
}
:root[data-theme="dark"]{
  --bg:            #0D1013;
  --surface:       #14181D;
  --surface-sunk:  #0A0D10;
  --surface-quiet: #171C22;
  --border:        #242B33;
  --border-strong: #38424D;
  --text:          #E7ECF1;
  --text-2:        #A3AEB9;
  --text-3:        #7A8792;

  --accent:        #93A4EE;
  --accent-hi:     #AEBAF4;
  --accent-soft:   #1B2137;
  --on-accent:     #0D1013;

  --sev-crit:      #EE8975;  --sev-crit-soft: #2A1A17;
  --sev-high:      #E3A162;  --sev-high-soft: #2A2017;
  --sev-med:       #D2B455;  --sev-med-soft:  #26220F;
  --sev-low:       #93A2B0;  --sev-low-soft:  #1B2027;
  --good:          #5FC194;  --good-soft:     #10231C;

  --shadow-1: 0 1px 2px rgba(0,0,0,.4);
  --shadow-2: 0 12px 28px -14px rgba(0,0,0,.7), 0 2px 6px rgba(0,0,0,.3);
  --shadow-pop: 0 18px 44px -18px rgba(0,0,0,.8);

  --studio-accent: #3E9C82;
}