/* ============================================================
   ЗНАНИЕ · ПАЛИТРА
   Источник истины: брендбук «Знание» 2025 v2.2, стр. 20–23.
   Обычный CSS без зависимостей — подключается в любой проект.
   Тема одна, светлая.

   Не редактировать копии в проектах. Правки — только здесь.
   ============================================================ */
:root {
  /* --- Основной цвет. Обязателен в любом макете (брендбук, стр. 20) --- */
  --c-primary: #0501ce;
  --c-primary-90: #1e1ad3;
  --c-primary-80: #3734d8;
  --c-primary-40: #9e9cec;
  --c-primary-10: #e5e5fa;
  --c-primary-5: #f3f3fc;

  /* --- Дополнительные цвета (стр. 23).
     Суммарная площадь — не более 15% макета. --- */
  --c-lime: #ccff01;
  --c-lime-950: #1f2f0b;
  --c-brand-green: #15e585;
  --c-brand-pink: #f72485;
  --c-brand-orange: #ff6839;

  /* --- Нейтральная шкала --- */
  --c-dark-100: #151523;
  --c-dark-90: #2d2d39;
  --c-dark-80: #45454f;
  --c-dark-70: #5c5c66;
  --c-dark-60: #73737d;
  --c-dark-30: #b8b8bc;
  --c-dark-20: #d0d0d2;
  --c-dark-10: #e7e7e9;
  --c-dark-5: #f2f2f3;

  /* ============================================================
     СЕМАНТИКА
     В разметке используем эти имена, а не сырые --c-*: так проект
     переживает смену палитры без правок в компонентах.
     ============================================================ */
  --bg: var(--c-dark-5);
  --surface: #ffffff;
  --surface-alt: var(--c-primary-5);
  --fg: var(--c-dark-100);
  --fg-muted: var(--c-dark-70);
  --fg-subtle: var(--c-dark-60);
  --border: var(--c-dark-10);
  --border-strong: var(--c-dark-20);
  --primary: var(--c-primary);
  --primary-90: var(--c-primary-90);
  --primary-80: var(--c-primary-80);
  --primary-40: var(--c-primary-40);
  --primary-10: var(--c-primary-10);
  --primary-5: var(--c-primary-5);
  --on-primary: #ffffff;

  /* Крупная брендовая заливка и текст поверх неё */
  --fill-accent: var(--c-primary);
  --fill-accent-hover: var(--c-primary-90);
  --on-fill-accent: #ffffff;
  /* Акцентный мелкий текст */
  --fg-accent: var(--c-primary);

  --footer-bg: var(--c-dark-100);

  /* --- Форма и тень ---
     Префиксы --r-/--sh-/--ff- намеренно короткие: в Tailwind v4 имена
     --radius-*, --shadow-*, --font-* зарезервированы под утилиты, и
     объявление с тем же именем в :root замкнуло бы переменную на себя. */
  --r-card: 16px;
  --r-panel: 20px;

  --sh-card: 0 8px 12px 0 hsla(240, 24%, 11%, 0.05);
  --sh-lift: 0 14px 28px -6px hsla(240, 24%, 11%, 0.14);
  --sh-pop: 0 20px 25px -5px hsla(240, 24%, 11%, 0.1), 0 8px 10px -6px hsla(240, 24%, 11%, 0.1);

  /* --- Гарнитуры. Фирменная пара: AQUM 2 Classic — заголовки,
     Cygre — подзаголовки и основной текст (стр. 31–33, 38).
     Проекты на next/font переопределяют --font-cygre / --font-aqum
     своими CSS-переменными; остальным их даёт fonts.css. --- */
  --ff-sans: var(--font-cygre, 'Cygre'), -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Arial, sans-serif;
  --ff-display: var(--font-aqum, 'AQUM 2 Classic'), var(--font-cygre, 'Cygre'), -apple-system, sans-serif;
}