/* ============================================================
   ТОКЕНЫ — единственный файл, который меняется при смене стиля.
   Тема: cyberpunk / hot pink / dark terminal.
   ============================================================ */

:root {
  /* --- Цвет: база --- */
  --bg:            #08080b;   /* фон страницы */
  --bg-alt:        #0e0e13;   /* фон чередующихся секций */
  --surface:       #14141a;   /* фон карточек */
  --surface-2:     #1b1b22;   /* фон вложенных панелей */
  --paper:         #ededea;   /* инвертированные блоки: «бумага» */
  --fg:            #ffffff;   /* основной текст */
  --fg-muted:      #c6c6d0;   /* второстепенный текст */
  --fg-dim:        #9092a0;   /* технический текст, HUD-подписи */

  /* --- Цвет: акценты. Розовый — редкий гость, а не фон --- */
  --pink:          #ff2e88;   /* главный акцент */
  --pink-hot:      #ff5fa8;   /* ховер / свечение */
  --pink-deep:     #c2145f;   /* тени, границы */
  --violet:        #b026ff;   /* вторичный акцент */
  --cyan:          #21e6ff;   /* третичный: данные */
  --lime:          #c6ff4f;   /* успех / OK */
  --alert:         #ff3b3b;   /* ошибки */

  --accent:        var(--pink);
  --accent-fg:     #0a0410;
  --accent-soft:   rgba(255, 46, 136, .10);

  --border-color:  rgba(255, 255, 255, .22);
  --border-hot:    rgba(255, 46, 136, .55);
  --border-soft:   rgba(255, 255, 255, .13);
  --grid-color:    rgba(255, 255, 255, .05);

  /* --- Свечение --- */
  --glow-pink:     0 0 12px rgba(255, 46, 136, .55), 0 0 44px rgba(255, 46, 136, .22);
  --glow-cyan:     0 0 10px rgba(33, 230, 255, .5),  0 0 34px rgba(33, 230, 255, .18);
  --glow-text:     0 0 14px rgba(255, 46, 136, .6);

  /* --- Форма --- */
  --border-width:  1px;
  --radius:        2px;       /* терминальная эстетика — почти без скруглений */
  --radius-sm:     1px;
  --shadow:        0 2px 0 rgba(0,0,0,.6), 0 18px 60px rgba(0,0,0,.6);
  --shadow-hover:  0 2px 0 rgba(0,0,0,.6), 0 24px 70px rgba(255,46,136,.16);

  /* --- Шрифты --- */
  --font-display:  "Unbounded", "Bahnschrift", system-ui, sans-serif;
  --font-accent:   "Tektur", "Unbounded", system-ui, sans-serif;
  --font-body:     "Golos Text", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono:     "Martian Mono", ui-monospace, "SF Mono", "Courier New", monospace;

  --weight-display: 700;
  --weight-bold:    600;
  --tracking-display: -0.025em;
  --leading-display:  0.98;
  --uppercase-display: uppercase;

  /* --- Типографическая шкала --- */
  --step-xs:  0.6875rem;
  --step-sm:  0.8125rem;
  --step-0:   1rem;
  --step-1:   clamp(1.1rem,  0.4vw + 1rem,   1.3rem);
  --step-2:   clamp(1.4rem,  1vw   + 1.05rem, 1.9rem);
  --step-3:   clamp(1.9rem,  2.4vw + 1.2rem,  3rem);
  --step-4:   clamp(2.6rem,  5vw   + 1.2rem,  5.4rem);
  --step-5:   clamp(3.4rem,  9vw   + 0.6rem,  9rem);

  /* --- Ритм --- */
  --space-1: 0.5rem;
  --space-2: 0.875rem;
  --space-3: 1.25rem;
  --space-4: 2rem;
  --space-5: 3rem;
  --space-6: 4.5rem;
  --space-7: 7rem;

  --container:  1240px;
  --measure:    62ch;

  /* --- Движение --- */
  --ease:       cubic-bezier(.22, 1, .36, 1);
  --ease-sharp: cubic-bezier(.85, 0, .15, 1);
  --duration:   220ms;
  --duration-slow: 700ms;

  /* --- Фоновый градиент (по промту, переведён в розовое) --- */
  --grad-1: #fff2f9;
  --grad-2: #f978c8;
  --grad-3: #ff2e88;
  --grad-4: #6a1fd9;
}

/* Светлой темы у этой студии нет — это осознанное решение,
   но переменная оставлена, чтобы не ломать data-theme. */
:root[data-theme="dark"] { color-scheme: dark; }