/* ===================================================================
   Shot AI Mini App — Phase 6 DESIGN TOKENS
   Источник: docs/VISUAL_MASTER_PROMPT.md §1.1–1.2 (owner-approved
   текстовый референс; png-оригинал docs/reference/ui_reference.png).

   Токены скоуплены на .p6 (класс новых экранов Phase 6), чтобы НЕ
   переопределять существующие :root-переменные styles.css.
   =================================================================== */

.p6 {
  /* §1.1 ПАЛИТРА */
  --bg: #070B14;                                   /* фон всех экранов */
  --bg-gradient: radial-gradient(circle at 50% 0%, #151d38 0%, #070B14 70%);
  --panel: #0E1524;                                /* карточки, плитки, панели */
  --panel-glass: rgba(14, 21, 36, 0.78);          /* матовое стекло */
  --panel-2: #16203A;                              /* поля ввода, слоты загрузки */
  --panel-2-glass: rgba(22, 32, 58, 0.75);         /* полупрозрачные внутренние блоки */
  --border: rgba(148, 163, 184, 0.16);             /* тонкие световые границы (1px) */
  --border-highlight: rgba(255, 255, 255, 0.12);   /* верхний световой блик карточки */
  --border-accent: rgba(139, 92, 246, 0.5);        /* неоновая фиолетовая рамка */
  --text: #F4F7FF;                                 /* основной текст */
  --muted: #8A94AD;                                /* вторичный текст, плейсхолдеры */
  --grad-primary: linear-gradient(90deg, #2E7CF6 0%, #7C4DFF 100%); /* все основные CTA */
  --grad-primary-hover: linear-gradient(90deg, #3B86F7 0%, #8D62FF 100%);
  --grad-cyan-violet: linear-gradient(135deg, #06B6D4 0%, #8B5CF6 100%);
  --grad-pink-violet: linear-gradient(135deg, #EC4899 0%, #8B5CF6 100%);
  --accent: #8B5CF6;                               /* активные состояния */
  --accent-cyan: #06B6D4;                          /* циан акцент */
  --accent-pink: #D946EF;                          /* бейдж «РЕКОМЕНДУЕМ» */
  --success: #22C55E;                              /* галки чеклиста, круг «Готово!» */
  --star: #FBBF24;                                 /* звезда баланса ★ */
  --danger: #EF4444;                               /* ошибки */

  /* §1.2 ГЕОМЕТРИЯ / ТЕНИ / СВЕЧЕНИЕ */
  --radius-card: 18px;
  --radius-btn: 12px;
  --radius-chip: 999px;
  --shadow-card: 0 10px 30px rgba(0, 0, 0, 0.45);
  --shadow-card-inner: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  --glow-cta: 0 4px 20px rgba(124, 77, 255, 0.45), 0 0 1px rgba(255, 255, 255, 0.3);
  --glow-accent: 0 0 25px rgba(139, 92, 246, 0.35);
  --glow-cyan: 0 0 20px rgba(6, 182, 212, 0.3);
  --glow-success: 0 0 25px rgba(34, 197, 94, 0.35);

  /* ШРИФТЫ */
  --font-main: 'Outfit', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}