/* ===========================================================================
   PRO LEAGUE HUB — IRONCLAD TITANS
   ---------------------------------------------------------------------------
   THE PALETTE. One file, one source of truth.

   Before this, all 22 public pages declared their own :root block, so the brand
   orange existed in FOUR values (#F56D0C, #FF7A1A, #FF7A00, #FF8A2A), gold in
   three (#D7A94F, #F5A83C, #F5C15B) and the canvas in three (#070708, #0A0A0D,
   #08080A). Nothing was wrong on any single page; they had simply drifted apart
   with nothing holding them together.

   Core identity: Arena Black + Titan Orange + Warm Ivory.
   Copper and Gold are used SPARINGLY -- badges and details, never fields.

   Page stylesheets keep their own layout rules. They should not redeclare these.
   =========================================================================== */
:root{
  /* ---- the ten ---- */
  --arena-black:#070708;      /* primary background            */
  --soft-black:#0F0E0D;       /* large dark sections           */
  --smoke-charcoal:#1E1712;   /* panels and overlays           */
  --burnt-brown:#392011;      /* atmospheric depth             */
  --iron-rust:#8C3F0F;        /* warm shadows                  */
  --titan-orange:#F56D0C;     /* PRIMARY BRAND ACCENT          */
  --amber-copper:#B05514;     /* secondary accent, sparingly   */
  --warm-ivory:#F2EEE8;       /* headlines                     */
  --steel-gray:#A9A6A1;       /* secondary text                */
  --muted-gold:#D7A94F;       /* small badges / details only   */

  /* ---- THE GREY RAMP.
     Six warm steps sharing Steel Gray's hue. Before this the site ran on COOL,
     blue-leaning greys (#A9ACB4, #8A8F98, #6C7078) over warm surfaces -- Smoke
     Charcoal, Burnt Brown, Iron Rust are all strongly warm, so grey type read
     slightly grubby against them. Contrast tiers are preserved, so nothing became
     harder to read; two of the darkest steps actually improved.
     HEADLINES ARE NOT PART OF THIS. The white->grey gradients are untouched. ---- */
  --ash-1:#C7C3BC;            /* bright secondary / emphasis   11.47:1 */
  --ash-2:var(--steel-gray);  /* secondary text                 8.30:1 */
  --ash-3:#8C8983;            /* tertiary text                  5.77:1 */
  --ash-4:#6B6864;            /* dim / meta labels              3.63:1 */
  --ash-5:#4A4744;            /* hairlines, disabled -- NEVER live text 2.18:1 */

  /* ---- rgb triplets, for rgba() ---- */
  --arena-black-r:7,7,8;      --titan-orange-r:245,109,12;
  --warm-ivory-r:242,238,232; --muted-gold-r:215,169,79;
  --amber-copper-r:176,85,20; --steel-gray-r:169,166,161;

  /* ---- semantic aliases: what a thing IS, not what colour it happens to be ---- */
  --surface-primary:var(--arena-black);
  --surface-secondary:var(--soft-black);
  --surface-elevated:var(--smoke-charcoal);
  --surface-warm:var(--burnt-brown);
  --text-primary:var(--warm-ivory);
  --text-secondary:var(--steel-gray);
  --text-tertiary:var(--ash-4);
  --brand:var(--titan-orange);
  --brand-2:var(--muted-gold);
  --line:rgba(242,238,232,.09);
  --line-strong:rgba(242,238,232,.16);
}