/* ═══════════════════════════════════════════════
   DARK NAVY × GOLD — CSS переменные
   Вставить в: Настройки сайта → HTML в HEAD
   внутри тега 
   ═══════════════════════════════════════════════ */

:root {

  /* ФОНЫ */
  --bg-base:          #080B12;
  --bg-section:       #0C1020;
  --bg-card:          #0E1420;
  --bg-card-hover:    #141B2E;
  --bg-elevated:      #1C2540;

  /* ЗОЛОТО */
  --gold-bright:      #FFD060;
  --gold-mid:         #C9A96E;
  --gold-warm:        #B8975A;
  --gold-deep:        #8B6914;
  --gold-shadow:      #4A3808;

  /* ТЕКСТ */
  --text-primary:     #F0EDE6;
  --text-body:        rgba(240,237,230,0.65);
  --text-muted:       rgba(240,237,230,0.35);
  --text-ghost:       rgba(240,237,230,0.15);

  /* BORDERS */
  --border-subtle:    1px solid rgba(201,169,110,0.10);
  --border-mid:       1px solid rgba(201,169,110,0.25);
  --border-strong:    1px solid rgba(201,169,110,0.50);

  /* СВЕЧЕНИЯ */
  --glow-soft:        0 0 20px rgba(201,169,110,0.35);
  --glow-mid:         0 0 40px rgba(201,169,110,0.50);
  --glow-strong:      0 0 60px rgba(255,208,96,0.60);
  --glow-card:        0 8px 40px rgba(184,151,90,0.12);
  --glow-cta:         0 0 80px rgba(255,208,96,0.40);

  /* ГРАДИЕНТЫ */
  --gradient-gold:    linear-gradient(135deg,
                        #4A3808,#8B6914,#C9A96E,
                        #FFD060,#C9A96E,#8B6914);
  --gradient-line:    linear-gradient(90deg,
                        transparent,rgba(201,169,110,0.50),transparent);
  --gradient-glow:    radial-gradient(ellipse 70% 100% at 50% 50%,
                        rgba(201,169,110,0.18),transparent 70%);

  /* ШРИФТЫ */
  --font-display:     'Cormorant Garamond', Georgia, serif;
  --font-body:        'Montserrat', system-ui, sans-serif;
}