/* ============================================================
   TOKENS — единственный источник правды по цвету/шрифту/ритму.
   Дизайн: максимализм в чёрном. Тема одна, тёмная, намеренно.
   ============================================================ */

:root {
  /* --- Поверхности --- */
  --bg:            #000000;
  --bg-1:          #070707;
  --bg-2:          #0d0d0d;
  --bg-3:          #141414;
  --bg-inset:      #050505;

  /* --- Границы --- */
  --line:          #1c1c1c;
  --line-2:        #2a2a2a;
  --line-3:        #3d3d3d;

  /* --- Текст --- */
  --fg:            #f5f5f5;
  --fg-2:          #b4b4b4;
  --fg-3:          #7a7a7a;
  --fg-4:          #4a4a4a;

  /* --- Акценты --- */
  --acid:          #ccff00;   /* основной: прогресс, действие, успех-путь */
  --acid-dim:      #93b800;
  --acid-glow:     rgba(204, 255, 0, .16);

  --cyan:          #00e5ff;
  --cyan-dim:      #00a3b5;
  --magenta:       #ff2d95;
  --orange:        #ff6a00;
  --violet:        #9d7bff;

  --ok:            #29e07a;
  --ok-dim:        #14663b;
  --fail:          #ff3b30;
  --fail-dim:      #6b1a16;
  --warn:          #ffb300;
  --warn-dim:      #6b4c00;
  --lock:          #545454;

  /* --- Типографика --- */
  --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
               "Helvetica Neue", Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, "SF Mono", "JetBrains Mono",
               "Cascadia Code", Menlo, Consolas, "Liberation Mono", monospace;

  --fs-hero:  clamp(2.6rem, 9vw, 6.5rem);
  --fs-h1:    clamp(1.9rem, 5.2vw, 3.4rem);
  --fs-h2:    clamp(1.35rem, 3.2vw, 2rem);
  --fs-h3:    clamp(1.1rem, 2.2vw, 1.35rem);
  --fs-body:  clamp(0.95rem, 1.05vw, 1.05rem);
  --fs-sm:    0.875rem;
  --fs-xs:    0.75rem;
  --fs-xxs:   0.6875rem;

  --lh-tight: 1.02;
  --lh-snug:  1.25;
  --lh-body:  1.7;

  /* --- Ритм --- */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;
  --sp-8: 64px;
  --sp-9: 96px;

  --radius:    0px;      /* максимализм: прямые углы */
  --radius-sm: 2px;

  --topbar-h: 60px;

  --shell-max: 1320px;
  --read-max:  74ch;

  /* --- Прочее --- */
  --ease: cubic-bezier(.2, .8, .2, 1);
  --dur:  .18s;
  --focus-ring: 2px solid var(--acid);
}

/* Уважаем отключённую анимацию */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
    scroll-behavior: auto !important;
  }
}