/* ═══════════════════════════════════════════════════════════════
   COLOUR SYSTEM — Refined luxury palette (aligned with nav/cards)
   ═══════════════════════════════════════════════════════════════ */

:root {
  /* Brand */
  --fire: #e85d2a;
  --fire-bright: #ff6b35;
  --ember: #d4453a;
  --gold: #c9a227;
  --gold-light: #e8c547;
  --gold-muted: rgba(201, 162, 39, 0.45);
  --violet: #6b4c9a;
  --violet-soft: #8b6bb8;
  --mint: #3dd68c;
  --mint-muted: rgba(61, 214, 140, 0.15);

  /* Surfaces */
  --bg: #06040c;
  --bg-elevated: #0c0914;
  --s1: #100c18;
  --s2: #161222;
  --s3: #1c1728;
  --bd: rgba(255, 255, 255, 0.07);
  --bd-gold: rgba(201, 162, 39, 0.22);
  --bd-focus: rgba(201, 162, 39, 0.45);

  /* Text */
  --txt: #f6f3fa;
  --mut: rgba(246, 243, 250, 0.58);
  --dim: rgba(246, 243, 250, 0.32);

  /* Gradients */
  --grad-gold: linear-gradient(135deg, var(--gold-light) 0%, var(--gold) 50%, #a67c00 100%);
  --grad-fire: linear-gradient(135deg, var(--fire-bright) 0%, var(--fire) 55%, var(--ember) 100%);
  --grad-hero-accent: linear-gradient(135deg, var(--gold-light) 0%, var(--gold) 40%, var(--fire) 100%);
  --grad-surface: linear-gradient(165deg, var(--s2) 0%, var(--bg) 100%);
  --grad-announce: linear-gradient(
    90deg,
    var(--fire) 0%,
    var(--ember) 35%,
    var(--violet-soft) 65%,
    var(--fire) 100%
  );

  /* Semantic */
  --color-accent: var(--gold);
  --color-accent-hover: var(--gold-light);
  --color-cta: var(--fire);
  --color-success: var(--mint);
  --color-sale: var(--ember);
}

::selection {
  background: var(--gold);
  color: var(--bg);
}

::-webkit-scrollbar-thumb {
  background: var(--grad-gold);
}

/* Announcement bar */
.ann {
  background: var(--grad-announce);
  background-size: 300%;
}

/* Primary / ghost buttons */
.bprim {
  background: var(--grad-fire);
  box-shadow: 0 4px 28px rgba(232, 93, 42, 0.28);
}

.bprim:hover {
  box-shadow: 0 12px 40px rgba(232, 93, 42, 0.38);
}

.bgho:hover {
  border-color: var(--bd-gold);
  color: var(--gold-light);
}

/* Filters active */
.flt.on,
.flt:hover {
  background: var(--grad-fire);
  box-shadow: 0 0 16px rgba(232, 93, 42, 0.22);
}

/* Section heading gradient spans */
.sh span,
.hw2,
.dbh span,
.lgbox h2,
.age-h,
.ftlogo {
  background: var(--grad-hero-accent);
  -webkit-background-clip: text;
  background-clip: text;
}

.stag,
.pm-cat,
.pc-cat {
  color: var(--gold);
}

/* Cards & nav gold sync */
:root {
  --card-gold: var(--gold);
  --card-gold-light: var(--gold-light);
  --nav-gold: var(--gold);
  --nav-gold-light: var(--gold-light);
}

#home {
  --home-gold: var(--gold);
  --home-gold-light: var(--gold-light);
  --home-champagne: rgba(201, 162, 39, 0.1);
}