/* ГНМЦ · Концепт 4 «Еволюція» — дизайн-токени */
:root{
  /* фірмові кольори живого сайту, переосмислені */
  --blue-900:#00234f;
  --blue-800:#003a82;
  --blue-700:#005ac8;
  --blue-600:#0072dd;
  --blue-500:#1a86f0;
  --blue-100:#e6f1fd;
  --blue-050:#f3f8ff;
  --yellow:#ffd500;
  --yellow-dim:#e6c000;
  --red:#ed1c24;
  --ink:#151a21;
  --ink-soft:#32373c;
  --grey-900:#3a4048;
  --grey-600:#6b7480;
  --grey-300:#c9d0d8;
  --grey-150:#e9edf2;
  --grey-100:#f2f4f7;
  --white:#ffffff;

  --grad-blue: linear-gradient(135deg, var(--blue-700) 0%, var(--blue-600) 55%, var(--blue-500) 100%);
  --grad-blue-deep: linear-gradient(160deg, var(--blue-900) 0%, var(--blue-700) 60%, var(--blue-600) 100%);

  --font-head:'Manrope', sans-serif;
  --font-body:'Inter', sans-serif;

  --container: 1240px;
  --gap: clamp(1rem, 2vw, 2rem);
  --radius-s:10px;
  --radius-m:16px;
  --radius-l:28px;
  --radius-full:999px;

  --shadow-s: 0 2px 10px rgba(10,30,60,.08);
  --shadow-m: 0 12px 32px rgba(10,30,60,.14);
  --shadow-l: 0 24px 60px rgba(10,30,60,.20);

  --ease-out: cubic-bezier(.16,1,.3,1);
  --ease-in-out: cubic-bezier(.65,0,.35,1);
  --dur-s: .25s;
  --dur-m: .5s;
  --dur-l: .9s;

  --header-h: 92px;
  --header-h-compact: 64px;
}

@media (max-width: 720px){
  :root{ --header-h: 72px; --header-h-compact: 56px; }
}

/* нативні View Transitions між сторінками (Chromium) */
@view-transition{ navigation: auto; }

::view-transition-old(root){ animation: gnmc-fade-out .22s var(--ease-in-out) both; }
::view-transition-new(root){ animation: gnmc-fade-in .32s var(--ease-out) both; }

@keyframes gnmc-fade-out{ to{ opacity:0; transform: translateY(-6px); } }
@keyframes gnmc-fade-in{ from{ opacity:0; transform: translateY(10px); } }

@media (prefers-reduced-motion: reduce){
  @view-transition{ navigation: none; }
}