/* ==========================================================================
   RUSOV ACADEMY — DESIGN SYSTEM 2.0 / TOKENS
   Единый источник правды для всех квизов и лендингов (qv6, p1–p5, v1).
   Палитра: медь на глубоком тёмном. Настроение: дорого, тепло, живо.
   ========================================================================== */

:root {
  /* ---------- Цвета: слои фона ---------- */
  --bg-primary:   #0f0d0a;
  --bg-secondary: #1a1714;
  --bg-card:      #221d18;
  --bg-elevated:  #2a241e;

  /* ---------- Акцент: медная рампа ---------- */
  --accent:        #C2703E;
  --accent-bright: #D88451;
  --accent-gold:   #D4A84B;
  --accent-soft:   #E8A87C;
  --accent-deep:   #8a4e1b;

  /* ---------- Текст ---------- */
  --text:       #F5F0EB;
  --text-muted: #A8A099;
  --text-dim:   #6B655E;

  /* ---------- Статусы ---------- */
  --success: #5FA876;
  --warning: #E2A857;
  --danger:  #C4533E;

  /* ---------- Линии и стекло ---------- */
  --border:        rgba(194, 112, 62, 0.20);
  --border-strong: rgba(194, 112, 62, 0.45);
  --glass:         rgba(34, 29, 24, 0.55);
  --glass-border:  rgba(245, 240, 235, 0.07);

  /* ---------- Градиенты ---------- */
  --grad-cta:      linear-gradient(135deg, var(--accent-bright) 0%, var(--accent) 55%, var(--accent-deep) 100%);
  --grad-line:     linear-gradient(90deg, var(--accent), var(--accent-gold));
  --grad-insight:  linear-gradient(135deg, rgba(194,112,62,0.14), rgba(194,112,62,0.03));
  --grad-offer:    linear-gradient(160deg, rgba(194,112,62,0.18) 0%, rgba(194,112,62,0.04) 60%);
  --grad-fade-up:  linear-gradient(180deg, transparent 0%, var(--bg-primary) 32%);

  /* ---------- Аврора (фоновые пятна) ---------- */
  --aurora-1: radial-gradient(ellipse at center, rgba(194,112,62,0.22) 0%, transparent 65%);
  --aurora-2: radial-gradient(ellipse at center, rgba(212,168,75,0.10) 0%, transparent 60%);
  --aurora-3: radial-gradient(ellipse at center, rgba(138,78,27,0.18) 0%, transparent 62%);

  /* ---------- Типографика ---------- */
  --font-h:    'Montserrat', sans-serif;
  --font-body: 'Lora', serif;
  --font-ui:   'Inter', sans-serif;

  /* ---------- Раскладка ---------- */
  --app-max:   480px;
  --app-pad-x: 20px;
  --app-pad-b: 100px;

  /* ---------- Радиусы ---------- */
  --r-sm:   8px;
  --r-md:   12px;
  --r-lg:   16px;
  --r-xl:   24px;
  --r-pill: 50px;

  /* ---------- Тени и свечение ---------- */
  --shadow-card:  0 4px 24px rgba(0,0,0,0.30);
  --shadow-cta:   0 8px 32px rgba(194,112,62,0.30);
  --shadow-hover: 0 12px 44px rgba(0,0,0,0.30);
  --glow-accent:  0 0 40px rgba(194,112,62,0.25);
  --glow-gold:    0 0 60px rgba(212,168,75,0.15);

  /* ---------- Движение ---------- */
  --transition:        0.3s ease;
  --transition-bounce: 0.4s cubic-bezier(.2,.9,.4,1);
  --ease-out-expo:     cubic-bezier(.16,1,.3,1);
  --ease-spring:       cubic-bezier(.34,1.56,.64,1);
  --dur-fast:   180ms;
  --dur-med:    420ms;
  --dur-slow:   900ms;

  /* ---------- Z-index ---------- */
  --z-bg:     0;
  --z-screen: 1;
  --z-topbar: 10;
  --z-sticky: 20;
}