/* ============================================================
   Vegas11 — Design Tokens  ·  "Royal Gold & Charcoal Black"
   Self-hosted fonts + design system custom properties
   ============================================================ */

/* ---------- Self-hosted fonts (WOFF2) ---------- */
@font-face {
  font-family: 'Cinzel';
  font-style: normal;
  font-weight: 400 900;           /* variable weight axis */
  font-display: swap;
  src: url('../fonts/cinzel-var.woff2') format('woff2');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('../fonts/poppins-300.woff2') format('woff2');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/poppins-400.woff2') format('woff2');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/poppins-500.woff2') format('woff2');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/poppins-600.woff2') format('woff2');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/poppins-700.woff2') format('woff2');
}

:root {
  /* ---------- Core palette ---------- */
  --bg:            #0B0B0D;   /* charcoal black base            */
  --bg-deep:       #060608;   /* deepest wells / footer         */
  --surface-1:     #171717;   /* primary panels                 */
  --surface-2:     #1F1F1F;   /* raised panels / cards          */
  --surface-3:     #262626;   /* hovers / inputs                */

  --gold:          #D4AF37;   /* royal gold — primary accent    */
  --gold-bright:   #F5D061;   /* highlight gold — hover / glow  */
  --gold-deep:     #B8860B;   /* shadow gold for gradients      */
  --gold-pale:     #F9E9B8;   /* near-white gold sheen          */

  --burgundy:      #3A0E12;   /* deep burgundy — depth panels   */
  --burgundy-soft: #521319;   /* burgundy hover                 */

  --text:          #F5F1E6;   /* primary off-white              */
  --text-muted:    #A89F8C;   /* warm grey secondary            */
  --text-faint:    #6F685A;   /* tertiary / captions            */

  /* ---------- Hairlines & tints ---------- */
  --hairline:        rgba(212, 175, 55, 0.18);
  --hairline-strong: rgba(212, 175, 55, 0.34);
  --gold-glow:       rgba(212, 175, 55, 0.35);
  --gold-glow-soft:  rgba(212, 175, 55, 0.14);
  --ink-veil:        rgba(6, 6, 8, 0.72);

  /* ---------- Gold gradients ---------- */
  --grad-gold:      linear-gradient(135deg, #F9E9B8 0%, #F5D061 22%, #D4AF37 52%, #B8860B 78%, #F5D061 100%);
  --grad-gold-soft: linear-gradient(135deg, #F5D061 0%, #D4AF37 60%, #B8860B 100%);
  --grad-gold-text: linear-gradient(100deg, #F9E9B8 0%, #F5D061 20%, #FFFDF4 42%, #D4AF37 62%, #F5D061 82%, #B8860B 100%);
  --grad-surface:   linear-gradient(160deg, #1F1F1F 0%, #141414 100%);
  --grad-hero:      radial-gradient(1200px 700px at 72% 12%, rgba(212,175,55,0.16), transparent 60%),
                    radial-gradient(900px 600px at 12% 88%, rgba(58,14,18,0.55), transparent 62%),
                    linear-gradient(180deg, #0B0B0D 0%, #101012 55%, #0B0B0D 100%);

  /* ---------- Typography ---------- */
  --font-display: 'Cinzel', 'Playfair Display', Georgia, 'Times New Roman', serif;
  --font-body:    'Poppins', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;

  --fs-hero:   clamp(2.55rem, 6.2vw, 5rem);
  --fs-h1:     clamp(2.1rem, 4.6vw, 3.5rem);
  --fs-h2:     clamp(1.7rem, 3.4vw, 2.6rem);
  --fs-h3:     clamp(1.28rem, 2.2vw, 1.6rem);
  --fs-h4:     clamp(1.08rem, 1.6vw, 1.25rem);
  --fs-body:   1rem;
  --fs-sm:     0.9rem;
  --fs-xs:     0.78rem;
  --lh-tight:  1.1;
  --lh-snug:   1.35;
  --lh-body:   1.7;

  /* ---------- Spacing scale ---------- */
  --sp-1: 0.25rem;
  --sp-2: 0.5rem;
  --sp-3: 0.75rem;
  --sp-4: 1rem;
  --sp-5: 1.5rem;
  --sp-6: 2rem;
  --sp-7: 3rem;
  --sp-8: 4rem;
  --sp-9: 6rem;
  --section-y: clamp(3.5rem, 8vw, 6.5rem);

  /* ---------- Layout ---------- */
  --nav-h: 80px;
  --container:     1200px;
  --container-wide: 1380px;
  --container-narrow: 800px;
  --gutter: clamp(1rem, 4vw, 2rem);

  /* ---------- Radii ---------- */
  --r-sm:  8px;
  --r-md:  14px;
  --r-lg:  20px;
  --r-xl:  28px;
  --r-pill: 999px;

  /* ---------- Shadows ---------- */
  --sh-1: 0 2px 10px rgba(0,0,0,0.4);
  --sh-2: 0 12px 34px rgba(0,0,0,0.55);
  --sh-3: 0 24px 60px rgba(0,0,0,0.65);
  --sh-gold: 0 10px 34px rgba(212,175,55,0.28);
  --sh-gold-strong: 0 0 0 1px rgba(212,175,55,0.5), 0 14px 40px rgba(212,175,55,0.34);

  /* ---------- Motion ---------- */
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --t-fast: 0.18s;
  --t-med:  0.35s;
  --t-slow: 0.6s;

  /* ---------- Z-index ---------- */
  --z-particles: 0;
  --z-content: 1;
  --z-header: 100;
  --z-cookie: 400;
  --z-agegate: 900;
}