/* ============================================================
   ProLEDMaster — design tokens
   Сведено из Stitch DESIGN.md (типошкала/отступы/радиусы/цвета)
   + бренд-градиент по логотипу. Имена переменных стабильны —
   на них опираются шаблоны и main.css.
   ============================================================ */

:root {
  /* --- Бренд: тёплый градиент оранжевый → красный → магента --- */
  --accent-orange:  #FE9824;
  --accent-red:     #E61341;
  --accent-magenta: #E20774;
  --accent-gradient: linear-gradient(135deg, #FE9824 0%, #E61341 55%, #E20774 100%);
  --primary:        #BA0030;   /* сплошной акцент: ссылки, активное состояние */
  --primary-strong: #920024;
  --accent: var(--primary);

  /* --- Текст / поверхности (светлый, тёплый оттенок из DESIGN.md) --- */
  --ink:           #291717;   /* on-surface */
  --ink-soft:      #5D3F3F;   /* on-surface-variant */
  --ink-muted:     #916E6F;   /* outline */
  --ink-neutral:   #52525B;   /* нейтральный тёмно-серый для текста на светлых поверхностях (контраст ≥4.5:1) */
  --surface:       #FFFFFF;   /* карточки — чистый белый */
  --surface-muted: #F5F6F7;   /* фон приложения (нейтральный) */
  --surface-container: #EEF0F2;
  --line:          #E6E8EB;   /* outline-variant (нейтральный) */

  /* --- Типографика (самохостинг, см. assets/fonts) --- */
  --font-head: 'Manrope', system-ui, sans-serif;
  --font-body: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;

  /* типошкала из DESIGN.md */
  --fs-display: 48px;  --lh-display: 1.2;  --ls-display: -0.02em;
  --fs-h1: 32px;       --lh-h1: 1.3;
  --fs-h1-m: 28px;
  --fs-h2: 24px;       --lh-h2: 1.4;
  --fs-body-lg: 18px;
  --fs-body: 16px;     --lh-body: 1.6;
  --fs-label: 14px;
  --fs-label-sm: 12px;

  /* --- Отступы: линейная шкала 8px --- */
  --space-1: 4px;  --space-2: 8px;  --space-3: 12px; --space-4: 16px;
  --space-5: 24px; --space-6: 32px; --space-7: 40px; --space-8: 48px;
  --space-9: 56px; --space-10: 64px; --space-12: 96px;
  --gutter: 16px;
  --section-gap: 64px;
  --card-padding: 24px;

  /* --- Радиусы --- */
  --radius-sm: 8px;
  --radius:    16px;   /* основной для карточек/кнопок (rounded-lg) */
  --radius-lg: 24px;
  --radius-pill: 999px;

  /* --- Тени: ambient, большой блюр, низкая прозрачность --- */
  --shadow-sm: 0 1px 2px rgba(41, 23, 23, .06);
  --shadow:    0 8px 24px -6px rgba(41, 23, 23, .08);
  --shadow-lg: 0 20px 40px -5px rgba(41, 23, 23, .12);

  /* --- Анимации --- */
  --ease: ease-out;
  --dur:  200ms;

  /* --- Контейнер --- */
  --container: 1200px;
}

/* === MVP-2026: stage-токены тёмных иммерсивных секций (PLM-020) === */
:root {
  --surface-stage:      #09090B;
  --surface-stage-soft: #141417;
  --stage-text:         #FFFFFF;
  --stage-text-muted:   rgba(255, 255, 255, .68);
  --led-glow-orange:    rgba(254, 152, 36, .36);
  --led-glow-red:       rgba(230, 19, 65, .30);
  --led-glow-magenta:   rgba(226, 7, 116, .25);
}