/* 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: #000;
  --card-glass: rgba(0, 0, 0, 0.55);
  --card-edge: #80808f;
  --panel: rgba(0, 0, 0, 0.8);
  --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: #b06bff;        /* purple */
  --promo-awg: #ff8a5c;       /* coral — the platform's own theme color, lightened */
  --promo-iceribbon: #7fd8f0; /* icy light blue */
  --promo-seadlinnng: #2bb5a0; /* sea teal */
  --promo-other: #8a8a94;     /* gray — outside promotions we don't track */

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

  --display: "Kanit", system-ui, sans-serif;
  --heading: "Luckiest Guy", "Kanit", "Hiragino Sans", "Noto Sans JP",
             system-ui, sans-serif;
  --body: "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-other     { --promo: var(--promo-other); }