:root{
  --navy:#204593;
  --navy-deep:#1e2a57;
  --navy-ink:#16223f;
  --cyan:#2fb3dd;          /* фирменный cyan — акценты/декор */
  --cyan-bright:#4cc3e8;   /* cyan на тёмном фоне */
  --cyan-ink:#127ca6;      /* cyan-текст на светлом (контраст AA) */
  --cyan-press:#1fa6d2;
  --ink:#1a2233;
  --muted:#5c6b82;
  --line:#e4e9f2;
  --line-soft:#eef2f8;
  --surface:#ffffff;
  --surface-alt:#f5f7fb;
  --surface-cool:#eaf1fb;
  --radius:14px;
  --radius-lg:20px;
  --shadow-sm:0 1px 2px rgba(22,34,63,.04), 0 1px 3px rgba(22,34,63,.06);
  --shadow:0 2px 4px rgba(22,34,63,.04), 0 10px 20px rgba(22,34,63,.06), 0 18px 36px rgba(22,34,63,.05);
  --shadow-md:0 4px 8px rgba(22,34,63,.05), 0 14px 28px rgba(22,34,63,.08), 0 28px 56px rgba(22,34,63,.06);
  --shadow-lg:0 8px 16px rgba(22,34,63,.06), 0 24px 48px rgba(22,34,63,.10), 0 48px 96px rgba(22,34,63,.10);
  --shadow-brand:0 6px 16px rgba(32,69,147,.14), 0 18px 44px rgba(32,69,147,.16);
  --ring:0 0 0 4px rgba(47,179,221,.16);
  --container:1180px;
  --ease:cubic-bezier(.22,.61,.36,1);
  --ease-spring:cubic-bezier(.34,1.4,.5,1);
}