/* Тема slate — холодний графітовий з бурштиновим акцентом, стриманий */
:root {
  --bg: #0b0f14;
  --surface: #141b23;
  --surface-2: #1e2833;
  --nav-bg: rgba(11,15,20,.82);
  --footer-bg: #070a0e;
  --grad-hero: linear-gradient(155deg,#f59e0b 0%,#b45309 22%,#1f2937 58%,#0b0f14 100%);
  --hero-fade: linear-gradient(180deg, transparent, #0b0f14);
  --hero-sub: rgba(232,240,248,.84);
  --grad-text: linear-gradient(92deg,#fbbf24,#f59e0b);
  --grad-headline: linear-gradient(92deg,#fff,#fde68a);
  --accent: #f59e0b;
  --glow: rgba(245,158,11,.6);
  --text-1: #eef4fa;
  --text-2: #8ea0b3;
  --border: rgba(142,160,179,.16);
  --card-bg: #141b23;
  --card-border: rgba(142,160,179,.16);
  --card-border-hover: rgba(245,158,11,.5);
  --card-shadow: 0 14px 38px rgba(0,0,0,.5);
  --price-color: #fbbf24;
  --pill-glass-bg: rgba(255,255,255,.1);
  --pill-glass-hover: rgba(255,255,255,.2);
  --pill-glass-border: rgba(253,230,138,.28);
  --pill-glass-text: #fff;
  --btn-bg: linear-gradient(92deg,#fbbf24,#d97706);
  --btn-text: #0b0f14;
  --btn-shadow: 0 8px 24px rgba(245,158,11,.35);
  --btn-shadow-hover: 0 12px 32px rgba(245,158,11,.45);
  --radius-pill: 980px;
  --radius-card: 12px;
  --font: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-display: 'Inter', 'Inter', system-ui, sans-serif;
}

h1, h2 { font-weight: 800; letter-spacing: -.02em; }
.card-title { font-weight: 600; }