/* Design tokens. Visual language shared with the 5STAR GP fantasy site:
   deep-space dark, content in translucent panels, Bangers comic headings + Kanit labels,
   gold for anything championship/special. */
:root {
  color-scheme: dark;

  --bg: #08070c;
  --card: rgba(0, 0, 0, 0.6);   /* boxes inside a panel: 60% black on top of it, darker than the panel, the art still just shows */
  --card-solid: #000;           /* things that float over other content (suggestion lists) */
  --card-glass: rgba(0, 0, 0, 0.55);
  --card-edge: #80808f;
  --panel: rgba(0, 0, 0, 0.9);
  --panel-edge: rgba(255, 255, 255, 0.6);

  --text: #f0f0f2;
  --muted: #8a8a95;
  --faint: #5c5c66;

  --gold: #ffd700;
  --silver: #c7ccd6;
  /* Bright red for "happening / needs you": the LIVE stream tag and the
     unread-message badge. Hotter than --loss, which is a result colour. */
  --live: #ff4747;

  --win: #5dea8b;
  --win-edge: #2e9e57;
  --win-bg: #0c2b16;
  --loss: #ff7676;
  --loss-edge: #a83232;
  --loss-bg: #2b0c0c;

  /* Promotion accents — one per Wrestle Universe promotion we track/plan. */
  --promo-stardom: #f0f0f2;   /* white */
  --promo-marigold: #ffce3d;  /* gold/yellow */
  --promo-tjpw: #ff4fa8;      /* electric pink */
  --promo-senjo: #5b82ff;     /* blue */
  --promo-marvelous: #ff5252; /* red */
  --promo-oz: #ff5252;        /* red; white → red gradient below (dash) */
  --promo-awg: #ff2fa0;       /* electric pink (dash); white → pink gradient below */
  --promo-iceribbon: #7fd8f0; /* icy light blue */
  --promo-seadlinnng: #2bb5a0; /* sea teal */
  /* More promotions (2026-10-02): logo / site colours where found, the rest best guesses; lightened to read on --bg.
     Several share red: fine when it's their colour (dash). */
  --promo-sendaigirls: #ff5252; /* blue → red (dash) */
  --promo-diana: #ff8fc8;     /* pink → white (dash) */
  --promo-wwe: #ec3445;       /* red */
  --promo-wavepro: #3fa9f5;   /* sky blue; yellow → blue gradient below (dash) */
  --promo-ajw: #e8384f;       /* crimson */
  --promo-ganbarepro: #ff8c1a; /* orange */
  --promo-jto: #d4af37;       /* gold */
  --promo-colega: #2ec4b6;    /* teal */
  --promo-shimmer: #d0a0f0;   /* lavender (logo) */
  --promo-jwp: #4a90e2;       /* blue */
  --promo-gleat: #d9b54a;     /* gold */
  --promo-ddt: #f0304a;       /* red */
  --promo-prominence: #4a6fe0; /* dark blue; white → dark blue gradient below (dash) */
  --promo-evepro: #ff3d9a;    /* hot pink */
  --promo-rise: #f159a1;      /* pink (logo) */
  --promo-cmll: #3f7fe0;      /* blue */
  --promo-shine: #33a9d8;     /* cyan (site) */
  --promo-llpw: #ff6600;      /* orange (site) */
  --promo-evolution: #c9a227; /* gold */
  --promo-purej: #e04a36;     /* red → purple (logo) */
  --promo-gaea: #3ab0c8;      /* teal */
  --promo-2aw: #2f8fe0;       /* blue */
  --promo-noah: #1fbf5f;      /* NOAH green (logo) */
  --promo-neo: #ff5fa2;       /* pink */
  --promo-njpw: #f0303c;      /* lion red */
  --promo-ajpw: #f02a35;      /* red (logo) */
  --promo-actring: #ff2fa0;   /* electric pink; white → pink gradient below, like AWG (dash) */
  --promo-zero1: #ff5a1f;     /* orange-red */
  --promo-gatohmove: #a64dff; /* purple (site, ChocoPro logo) */
  --promo-impact: #f0373c;    /* red (TNA logo) */
  --promo-aew: #c9a54e;       /* gold */
  --promo-aaa: #e8383a;       /* red (logo) */
  --promo-gcw: #e03030;       /* red */
  --promo-wow: #e040e3;       /* magenta → purple (site) */
  --promo-freedoms: #d63a3a;  /* red */
  --promo-atoz: #f0a030;      /* amber */
  --promo-ymz: #ffd23f;       /* yellow */
  --promo-assemble: #ff7a3d;  /* orange */
  /* Indy tiles with their own colour (page keys i.<slug>, catalog.go promoClass) */
  --promo-sareeeism: #e8101a; /* deep red, gold only at the top: gold → red read orange (dash) */
  --promo-unagi: #3f7fe0;     /* yellow → green → blue → black gradient below (dash) */
  --promo-other: #8a8a94;     /* gray — outside promotions we don't track */
  --promo-extras: #3ee07f;    /* green — the Extras shelf (TV, interviews…), not a promotion */

  --gap: 1rem;
  --radius: 0;
  --radius-sm: 0;
  --wrap: 1250px;

  --display: "Press Start 2P", "DotGothic16", "Kanit", system-ui, sans-serif;
  --heading: "Press Start 2P", "DotGothic16", "Kanit", "Hiragino Sans", "Noto Sans JP",
             system-ui, sans-serif;
  --body: "VT323", "DotGothic16", "Inter", system-ui, -apple-system, "Hiragino Sans",
          "Noto Sans JP", "Yu Gothic UI", sans-serif;
}

.promo-stardom   { --promo: var(--promo-stardom); }
.promo-marigold  { --promo: var(--promo-marigold); }
.promo-tjpw      { --promo: var(--promo-tjpw); }
.promo-senjo     { --promo: var(--promo-senjo); }
.promo-marvelous { --promo: var(--promo-marvelous); }
.promo-oz        { --promo: var(--promo-oz); }
.promo-awg       { --promo: var(--promo-awg); }
.promo-iceribbon { --promo: var(--promo-iceribbon); }
.promo-seadlinnng { --promo: var(--promo-seadlinnng); }
.promo-sendaigirls { --promo: var(--promo-sendaigirls); }
.promo-diana { --promo: var(--promo-diana); }
.promo-wwe { --promo: var(--promo-wwe); }
.promo-wavepro { --promo: var(--promo-wavepro); }
.promo-ajw { --promo: var(--promo-ajw); }
.promo-ganbarepro { --promo: var(--promo-ganbarepro); }
.promo-jto { --promo: var(--promo-jto); }
.promo-colega { --promo: var(--promo-colega); }
.promo-shimmer { --promo: var(--promo-shimmer); }
.promo-jwp { --promo: var(--promo-jwp); }
.promo-gleat { --promo: var(--promo-gleat); }
.promo-ddt { --promo: var(--promo-ddt); }
.promo-prominence { --promo: var(--promo-prominence); }
.promo-evepro { --promo: var(--promo-evepro); }
.promo-rise { --promo: var(--promo-rise); }
.promo-cmll { --promo: var(--promo-cmll); }
.promo-shine { --promo: var(--promo-shine); }
.promo-llpw { --promo: var(--promo-llpw); }
.promo-evolution { --promo: var(--promo-evolution); }
.promo-purej { --promo: var(--promo-purej); }
.promo-gaea { --promo: var(--promo-gaea); }
.promo-2aw { --promo: var(--promo-2aw); }
.promo-noah { --promo: var(--promo-noah); }
.promo-neo { --promo: var(--promo-neo); }
.promo-njpw { --promo: var(--promo-njpw); }
.promo-ajpw { --promo: var(--promo-ajpw); }
.promo-actring { --promo: var(--promo-actring); }
.promo-zero1 { --promo: var(--promo-zero1); }
.promo-gatohmove { --promo: var(--promo-gatohmove); }
.promo-impact { --promo: var(--promo-impact); }
.promo-aew { --promo: var(--promo-aew); }
.promo-aaa { --promo: var(--promo-aaa); }
.promo-gcw { --promo: var(--promo-gcw); }
.promo-wow { --promo: var(--promo-wow); }
.promo-sareeeism { --promo: var(--promo-sareeeism); }
.promo-unagi { --promo: var(--promo-unagi); }
.promo-freedoms { --promo: var(--promo-freedoms); }
.promo-atoz { --promo: var(--promo-atoz); }
.promo-ymz { --promo: var(--promo-ymz); }
.promo-assemble { --promo: var(--promo-assemble); }
.promo-other     { --promo: var(--promo-other); }
.promo-extras    { --promo: var(--promo-extras); }

/* Two-colour promotions, top to bottom (ot.css paints text, chips and tile stripes with --promo-g). */
.promo-awg         { --promo-g: linear-gradient(180deg, #fff, #ff2fa0); --promo-fill: transparent; }
.promo-sendaigirls { --promo-g: linear-gradient(180deg, #5b82ff, #ff5252); --promo-fill: transparent; }
.promo-diana       { --promo-g: linear-gradient(180deg, #ff8fc8, #fff); --promo-fill: transparent; }
.promo-wavepro     { --promo-g: linear-gradient(180deg, #ffd23f, #3fa9f5); --promo-fill: transparent; }
.promo-oz          { --promo-g: linear-gradient(180deg, #fff, #ff5252); --promo-fill: transparent; }
.promo-purej       { --promo-g: linear-gradient(180deg, #e04a36, #a34aa3); --promo-fill: transparent; }
.promo-wow         { --promo-g: linear-gradient(180deg, #e040e3, #8a5fd0); --promo-fill: transparent; }
.promo-actring     { --promo-g: linear-gradient(180deg, #fff, #ff2fa0); --promo-fill: transparent; }
.promo-prominence  { --promo-g: linear-gradient(180deg, #fff, #3355d0); --promo-fill: transparent; }
.promo-sareeeism   { --promo-g: linear-gradient(180deg, #ffd700 30%, #f01010 42%, #c8000c); --promo-fill: transparent; }
/* the black is a dark grey: the text sits on a near-black page */
.promo-unagi       { --promo-g: linear-gradient(180deg, #ffe600, #3ed46a 35%, #3f7fe0 70%, #4a4a52); --promo-fill: transparent; }