/* Токены темы. Палитра из брендбука: синий #0088BB, голубой #00BBEE, серый #74777B.
   Красный и жёлтый используются только как статусы. По умолчанию светлая тема, тёмная включается в профиле. */
:root{
  color-scheme:light;
  /* светлая тема: чисто белая */
  --bg:#ffffff;
  --bg-2:#f3f6f9;
  --surface:#ffffff;
  --surface-2:#f4f7fa;
  --bar:#ffffff;
  --line:rgba(14,26,34,.12);
  --line-strong:rgba(14,26,34,.3);
  --text:#0e1a22;
  --muted:#4d5a64;
  --faint:#76838d;

  --blue:#0088bb;
  --blue-l:#00bbee;
  --accent-t:#006f99;
  --red:#ee1133;
  --red-l:#ff5a5a;
  --yellow:#ffbb44;
  --yellow-l:#ffcc88;
  --grad-blue:linear-gradient(135deg,#0088bb 0%,#00bbee 100%);
  --on-accent:#031219;

  --glass-bg:rgba(255,255,255,.82);
  --glass-hi:rgba(14,26,34,.2);
  --glass-lo:rgba(14,26,34,.04);
  --glow-1:rgba(0,187,238,.16);
  --glow-2:rgba(0,136,187,.06);
  --ring:rgba(0,136,187,.16);
  --shadow:0 18px 50px -24px rgba(14,40,60,.3);

  --font-head:'Montserrat','Arial',sans-serif;
  --font-body:'Open Sans','Arial',sans-serif;

  --fs-hero:clamp(2rem,4vw,4rem);
  --fs-h1:clamp(1.7rem,3.6vw,3.2rem);
  --fs-h2:clamp(1.5rem,2.6vw,2.2rem);
  --fs-body:clamp(.95rem,.2vw + .9rem,1.05rem);
  --fs-small:.8125rem;

  --e-out:cubic-bezier(.16,1,.3,1);
  --e-line:cubic-bezier(.65,0,.35,1);
  --e-soft:cubic-bezier(.22,.61,.36,1);

  --frame:0px;
  --gutter:clamp(18px,4vw,64px);
  --header-h:64px;
  --top:calc(var(--header-h) + clamp(28px,5vh,56px));
  --tab-h:0px;
}
:root[data-theme="dark"]{
  color-scheme:dark;
  /* тёмная тема: глубокий чернильно-синий с тёплым отблеском */
  --bg:#111726;
  --bg-2:#161d31;
  --surface:#1a2238;
  --surface-2:#222b46;
  --bar:#151c2f;
  --line:rgba(196,208,255,.14);
  --line-strong:rgba(196,208,255,.32);
  --text:#eef1fa;
  --muted:#a9b1c8;
  --faint:#838ca8;
  --accent-t:#00bbee;
  --glass-bg:rgba(26,34,56,.72);
  --glass-hi:rgba(196,208,255,.38);
  --glass-lo:rgba(196,208,255,.08);
  --glow-1:rgba(0,136,187,.46);
  --glow-2:rgba(255,118,150,.15);
  --ring:rgba(190,208,255,.1);
  --shadow:0 18px 50px -24px rgba(0,0,0,.7);
}