/* =========================================================================
   Town & Tailgate — PALETTE: Red · Black · White · Silver
   Loads LAST. Remaps the gold-based scheme to a monochrome + red system.
   Remove this file (and its enqueue) to revert to the gold palette.
   ========================================================================= */

:root{
  /* --- Neutral silver replaces gold everywhere (token remap) --- */
  --gold:#c6c8cb;
  --gold-2:#d8dadd;
  --gold-soft:rgba(200,202,206,0.14);
  --gold-bright:#e8eaec;
  --silver:#c6c8cb;
  --silver-bright:#e8eaec;
  --silver-dim:#9ea0a4;

  /* --- Refined brand red (single accent pop) --- */
  --hot:#e11d2e;      --hot-2:#a5121f;
  --crimson:#e11d2e;  --crimson-2:#a5121f;

  /* --- TRUE neutral charcoal / near-black base (zero blue) --- */
  --navy:#0f0f11;   --navy-2:#17171a;   --navy-3:#212124;   --ink:#151517;
  --band:#0a0a0b;   --band-2:#161618;   --ink-deep:#050506;

  /* --- Neutral light bands (silver-white, no warmth, no blue) --- */
  --cream:#edeef0;  --paper:#f7f7f9;  --paper-2:#e8e9eb;  --line:#d9dadd;
}

/* --- Primary CTA buttons → brand red with white type --------------------- */
.tt-btn--gold{
  background:linear-gradient(180deg,#ec3a48,var(--hot));
  color:#fff;box-shadow:0 4px 0 #7d0f18;
}
.tt-btn--gold:hover{background:linear-gradient(180deg,#f2505d,#e11d2e);box-shadow:0 6px 0 #7d0f18}
.tt-btn--gold:active{box-shadow:0 2px 0 #7d0f18}

/* --- Header hairline → silver ------------------------------------------- */
.tt-header{border-bottom-color:rgba(198,205,214,.16)}

/* --- Hero: swap gold glow for silver + red, cool the base --------------- */
.tt-hero{
  background:
    radial-gradient(900px 520px at 80% 15%,rgba(225,29,46,.22),transparent 60%),
    radial-gradient(1000px 620px at 8% 92%,rgba(200,202,206,.09),transparent 60%),
    linear-gradient(160deg,#0d0d0e,#101011 45%,#0a0a0b),
    var(--navy);
  background-size:cover;
}

/* --- "Live" ticker dot → white pulse ----------------------------------- */
.tt-ticker__dot{background:#fff;box-shadow:0 0 0 0 rgba(255,255,255,.7)}
@keyframes tt-pulse{70%{box-shadow:0 0 0 8px rgba(255,255,255,0)}100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}}

/* --- Planner faint glyph → silver -------------------------------------- */
.tt-planner__card::after{color:rgba(198,205,214,.05)}

/* --- Rankings movement: up = silver/white, down = red ------------------ */
.tt-rank__move--up{color:#e7eaef}
.tt-rank__move--down{color:var(--hot)}
.tt-rank__move--flat{color:rgba(255,255,255,.4)}

/* --- Guide price → graphite (drop the green) --------------------------- */
.tt-place__price{color:#20242a}

/* --- Newsletter button: crisp white on black -------------------------- */
.tt-newsletter__form .tt-btn--gold{color:#fff}

/* --- Metallic sheen on the biggest silver marks (hero + rank numerals) - */
.tt-hero__line--gold{
  -webkit-text-stroke:2px #cfd5db;
  text-stroke:2px #cfd5db;
}
.tt-rank__num{-webkit-text-stroke-color:#cfd5db}
.tt-rank__row--top .tt-rank__num{color:#e7eaef}