/* Токены темы. Палитра из брендбука: синий #0088BB, голубой #00BBEE, серый #74777B.
   Красный и жёлтый используются только как статусы. По умолчанию светлая тема, тёмная включается в профиле. */
:root{
  color-scheme:light;
  /* светлая тема: кремово-розовая */
  --bg:#fbf1ee;
  --bg-2:#f4e3de;
  --surface:#fffaf8;
  --surface-2:#f8ebe7;
  --bar:#fffaf8;
  --line:rgba(78,40,46,.14);
  --line-strong:rgba(78,40,46,.34);
  --text:#2a1d21;
  --muted:#665257;
  --faint:#8d7a7f;

  --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,250,248,.7);
  --glass-hi:rgba(78,40,46,.2);
  --glass-lo:rgba(78,40,46,.04);
  --glow-1:rgba(0,187,238,.22);
  --glow-2:rgba(255,156,176,.34);
  --ring:rgba(0,136,187,.2);
  --shadow:0 18px 50px -24px rgba(110,48,60,.38);

  --font-head:'Cormorant Garamond','Georgia',serif;
  --font-body:'Onest','Helvetica Neue',Arial,sans-serif;

  --fs-hero:clamp(2.4rem,4.9vw,5.2rem);
  --fs-h1:clamp(2.3rem,5.2vw,4.6rem);
  --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);
}