/* Тема royal — темний фіолетовий з золотом, тонкі золоті межі */
:root {
  --bg: #100a1c;
  --surface: #1a1030;
  --surface-2: #271846;
  --nav-bg: rgba(16,10,28,.8);
  --footer-bg: #0a0614;
  --grad-hero: radial-gradient(120% 150% at 80% -20%, #c084fc 0%, #7c3aed 30%, #3b0764 62%, #100a1c 100%);
  --hero-fade: linear-gradient(180deg, transparent, #100a1c);
  --hero-sub: rgba(243,235,255,.85);
  --grad-text: linear-gradient(92deg,#fcd34d,#f59e0b 60%,#b45309);
  --grad-headline: linear-gradient(92deg,#fff,#fcd34d);
  --accent: #fcd34d;
  --glow: rgba(252,211,77,.6);
  --text-1: #f6f2ff;
  --text-2: #b0a2c9;
  --border: rgba(252,211,77,.18);
  --card-bg: #1a1030;
  --card-border: rgba(252,211,77,.18);
  --card-border-hover: rgba(252,211,77,.6);
  --card-shadow: 0 16px 44px rgba(0,0,0,.55);
  --price-color: #fcd34d;
  --pill-glass-bg: rgba(252,211,77,.12);
  --pill-glass-hover: rgba(252,211,77,.22);
  --pill-glass-border: rgba(252,211,77,.35);
  --pill-glass-text: #fde68a;
  --btn-bg: linear-gradient(92deg,#fcd34d,#d97706);
  --btn-text: #1a1030;
  --btn-shadow: 0 8px 26px rgba(217,119,6,.4);
  --btn-shadow-hover: 0 12px 34px rgba(252,211,77,.45);
  --radius-pill: 980px;
  --radius-card: 6px;
  --font: 'Montserrat', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-display: 'Playfair Display', 'Montserrat', system-ui, sans-serif;
}

h1, h2, h3 { letter-spacing: 0; }
.card { border-width: 1px; }
.hero > .container { text-align: center; }
.hero .pill-row, .hero-cta { justify-content: center; }
.hero-sm > .container { text-align: left; }
.hero-sm .pill-row, .hero-sm .hero-cta { justify-content: flex-start; }