/* ============================================================
   «Шабыт» 2026 — дизайн-токены
   Все цвета, шрифты, отступы и радиусы сайта живут здесь.
   Менять тему = менять этот файл.
   ============================================================ */

:root {
  /* --- Чернила (тёмная сцена) и бумага (светлая программа) --- */
  --ink-950: #08081A;
  --ink-900: #0E0E22;
  --ink-800: #15152E;
  --ink-700: #23233F;
  --ink-600: #3A3A57;
  --ink-500: #5B5B73;
  --ink-300: #A3A3B8;
  --ink-200: #C9C9D6;

  --paper:   #F3F3F8;
  --paper-2: #E9E9F1;
  --white:   #FFFFFF;

  --line:        #DCDCE6;
  --line-strong: #B9B9CB;
  --line-dark:   rgba(255, 255, 255, 0.14);
  --line-dark-2: rgba(255, 255, 255, 0.07);

  /* --- Бренд: триптих логотипа + бирюза Дирекции --- */
  --violet:  #6B5BFF;
  --magenta: #FF2E63;
  --amber:   #FFB400;
  --cyan:    #22D3EE;
  --coral:   #FF6B3D;
  --mint:    #2ED3A5;

  /* Акценты номинаций — один цвет на номинацию, используется точечно */
  --nom-woodwind:    var(--violet);
  --nom-brass:       var(--amber);
  --nom-singing:     var(--magenta);
  --nom-composition: var(--cyan);
  --nom-art:         var(--coral);
  --nom-dombyra:     var(--mint);

  /* Единственный градиент на сайте — кнопка «Подать заявку» */
  --cta-gradient: linear-gradient(100deg, var(--violet) 0%, var(--magenta) 100%);

  /* --- Шрифты (все поддерживают казахскую кириллицу) --- */
  --font-display: "Unbounded", "Arial Black", sans-serif;
  --font-text:    "Onest", "Segoe UI", Arial, sans-serif;
  --font-numeral: "Prata", "Times New Roman", serif;

  /* Типографическая шкала (мобильный → десктоп через clamp) */
  --fs-display: clamp(2.5rem, 1.2rem + 5.2vw, 5.75rem);
  --fs-h1:      clamp(2.125rem, 1.3rem + 3vw, 3.75rem);
  --fs-h2:      clamp(1.75rem, 1.2rem + 2.1vw, 2.75rem);
  --fs-h3:      clamp(1.25rem, 1.1rem + 0.6vw, 1.5rem);
  --fs-lead:    clamp(1.125rem, 1rem + 0.5vw, 1.375rem);
  --fs-body:    1.0625rem;
  --fs-small:   0.9375rem;
  --fs-tiny:    0.8125rem;

  --lh-tight: 1.05;
  --lh-snug:  1.2;
  --lh-text:  1.6;

  /* --- Сетка и отступы --- */
  --container: 1280px;
  --container-narrow: 820px;
  --gutter: clamp(16px, 4vw, 40px);

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --space-10: 128px;

  --section-y: clamp(64px, 9vw, 128px);

  /* --- Радиусы: только два значения --- */
  --radius-s: 6px;
  --radius-pill: 999px;

  /* --- Движение --- */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 180ms;
  --dur: 420ms;
  --dur-slow: 900ms;

  /* --- Шапка --- */
  --header-h: 72px;
  --topbar-h: 34px;

  --shadow-lift: 0 18px 40px -24px rgba(14, 14, 34, 0.35);
}