/* ═══════════════════════════════════════════════
   CSS-переменные ООО «УИФПА»
   Менять цветовую схему ТОЛЬКО здесь.
   ═══════════════════════════════════════════════ */

:root {
  /* ── Фоны ── */
  --bg:  #0a0c12;   /* основной фон страницы */
  --bg2: #10131d;   /* секции с чуть светлее */
  --bg3: #161b28;   /* карточки, поля ввода */
  --bg4: #1e2438;   /* фото-заглушки */

  /* ── Золото (акцентный цвет) ── */
  --gold:     #c9a96e;                  /* основной акцент */
  --gold-l:   #dfc28e;                  /* hover-состояние */
  --gold-dim: rgba(201,169,110,.1);     /* фон иконок */
  --gold-b:   rgba(201,169,110,.18);    /* границы */

  /* ── Типографика ── */
  --white: #f2efe9;  /* заголовки */
  --text:  #bbb7ae;  /* основной текст */
  --muted: #606278;  /* подписи, метки */

  /* ── Шрифты ── */
  --fd: 'Cormorant Garamond', Georgia, serif;  /* заголовки */
  --fb: 'Jost', 'Segoe UI', sans-serif;        /* текст */

  /* ── Размеры и сетка ── */
  --nav-h: 68px;           /* высота навигации */
  --max:   1200px;         /* максимальная ширина контента */
  --px:    clamp(1.25rem, 5vw, 4rem);  /* горизонтальный padding */

  /* ── Радиусы ── */
  --r:  5px;   /* малый радиус (кнопки, иконки) */
  --rl: 12px;  /* большой радиус (карточки) */

  /* ── Переходы ── */
  --tr: .35s cubic-bezier(.4, 0, .2, 1);
}