/* ТЕМА «royal-reels» — тёмно-бордовый фон, золотые кнопки, заголовки капсом (как на официале Royal Reels).
   Шрифты: Montserrat 800 (заголовки) + Inter (текст). */
:root{
  --font:Inter,Arial,Helvetica,sans-serif;
  --display:Montserrat,"Arial Black",Arial,sans-serif;
  --display-weight:800; --display-case:uppercase; --display-spacing:0;

  /* фон и поверхности */
  --bg:#1a0908; --bg-glow:rgba(252,196,44,.07);
  --surface:#250d0c; --surface-2:#2f100e; --surface-3:#3d1714; --line:#4a221d;
  --text:#fff; --text-2:#e3d4d0; --muted:#a88e88;

  /* золото */
  --gold:#fcd464; --gold-2:#fcc42c; --gold-3:#d99a12;
  --accent:#fcd464; --accent-2:#fcc42c; --accent-ink:#111; --accent-soft:rgba(252,212,100,.12);
  --hl:#fcd464;
  --gift:#7a1f1a; --ribbon:#fcc42c;          /* на случай, если где-то остался подарок шаблона */

  /* кнопки */
  --btn:linear-gradient(135deg,#fcc42c,#fcca40); --btn-ink:#111;
  --btn-shadow:0 12px 26px -12px rgba(252,196,44,.55);
  --ghost-line:#5a2b25;

  /* шапка, hero, футер, нижняя панель */
  --hdr-bg:#250d0c; --hdr-ink:#fff; --hdr-line:rgba(252,212,100,.08);
  --hero-bg:radial-gradient(520px 300px at 62% 10%,rgba(252,196,44,.38),transparent 70%),radial-gradient(700px 380px at 0% 100%,rgba(122,31,26,.55),transparent 70%),linear-gradient(180deg,#2c110e,#1a0908);
  --hero-ink:#fff; --hero-ink-2:#e3d4d0;
  --ftr-bg:#2f100e; --ftr-ink:#fff; --ftr-muted:#c9b3ad;
  --tab-bg:#250d0c; --tab-ink:#c9b3ad;
  --good:#3fbf6a; --bad:#ff5f56;

  /* скругления как на официале — небольшие */
  --radius:8px; --radius-lg:12px; --radius-btn:5px;
  --shadow:none;
  --wrap:1280px;
}