/* ============================================================
   IA · TOKENS — дизайн-токены (канон, источник: эталон main CSS)
   Файл: intelligence-art-frontend/assets/css/ia-tokens.css
   Грузится ПЕРВЫМ на всех экранах плагина.
   Шрифты self-hosted через Elementor Custom Fonts — здесь только
   имена семейств в переменных, файлы шрифтов НЕ трогаем.
   ============================================================ */

:root{
  /* — Палитра — */
  --abyss:        #0A1A1F;   /* главный фон — тёмный, но явно сине-бирюзовый (ледяная тень, не чёрный) */
  --teal-slate:   #0E1A1B;   /* подложки секций */
  --frosted-teal: #16282A;   /* субстрат под стекло, бордеры */
  --frost-grey:   #9FB8BC;   /* основной текст */
  --ice-white:    #E6F2F3;   /* заголовки */
  --glacier:      #5FC6D4;   /* холодный акцент: ссылки, иконки, hover */
  --ember:        #E8943C;   /* тёплый акцент: CTA, ключевое слово, свет факела */
  --copper:       #C97A3A;   /* вторичный тёплый / pressed */

  /* — Стекло (Liquid Glass) — */
  --glass-tint:   rgba(22, 40, 42, 0.42);   /* тинт подложки на --frosted-teal */
  --glass-edge:   rgba(230, 242, 243, 0.25);/* верхний бордер-блик */
  --glass-inner:  inset 0 1px 0 rgba(230,242,243,0.18),
                  inset 0 -1px 1px rgba(0,0,0,0.35);

  /* — Типографика — */
  --font-display: 'Playfair Display', Georgia, serif;
  --font-ui:      'Manrope', system-ui, sans-serif;

  /* — Сетка / ритм — */
  --shell: 1480px;        /* максимальная ширина контента */
  --gutter: clamp(20px, 5vw, 72px);
  --header-h: 76px;       /* высота меню по умолчанию (слимнее) */
  --header-h-min: 60px;   /* высота меню при скролле */
}