/* ============================================================
   KORSAR - Дизайн-токены
   Палитра "Синий кал" + типографические токены
   ============================================================ */

:root {
  /* ---- Палитра "Синий кал" ---- */
  --c-navy:        #12384F;   /* шапка, подвал, основной текст */
  --c-navy-900:    #0D2A3B;   /* тёмно-синий (шапка при прокрутке, тёмный фон) */
  --c-teal:        #2E7D8A;   /* основной акцент / кнопки */
  --c-teal-600:    #266974;   /* бирюзовый для наведения / темнее */
  --c-sky:         #EAF2F4;   /* мягкий фон секций */
  --c-sand:        #E7D9C0;   /* тёплый вторичный акцент */
  --c-white:       #FFFFFF;
  --c-navy-900-rgb: 13, 42, 59;
  --c-white-rgb:    255, 255, 255;
  --c-charcoal:    #1C2529;   /* основной текст */
  --c-muted:       #5C6B72;   /* второстепенный текст */
  --c-line:        #DCE6E9;   /* тонкие линии / границы на светлом фоне */

  /* ---- Фирменные цвета для иконок контактов (цвет при наведении) ---- */
  --c-phone:       #4CAF50;   /* зелёный звонка */
  --c-telegram:    #0088CC;   /* фирменный синий Telegram */
  --c-max:         #9500FF;   /* фирменный фиолетовый MAX */

  /* ---- Типографика ---- */
  --font-heading: "Onest", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-body:    "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* Ритм заголовков */
  --heading-weight: 300;
  --heading-tracking: 0.14em;

  /* ---- Макет ---- */
  --maxw: 1280px;
  --gutter: clamp(1rem, 4vw, 2.5rem);
  --header-h: 84px;

  /* ---- Скругления / тени / анимации ---- */
  --radius: 0px;                 /* кнопка .fancy квадратная */
  --radius-card: 4px;
  --shadow-sm: 0 6px 20px rgba(18, 56, 79, 0.08);
  --shadow-md: 0 14px 40px rgba(18, 56, 79, 0.14);
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --t-fast: 0.2s;
  --t: 0.3s;

  /* ---- Шкала z-index ---- */
  --z-header: 200;
  --z-drawer: 100;
}