/* ============================================================================
   Design tokens — single source of truth for the dark-app palette + a few
   primitives. No build step: plain CSS custom properties, so it works
   everywhere with zero tooling.

   POLICY: this is the ONLY file allowed to declare :root custom properties.
   (Component-scoped vars like .vs-card { --vs-x: … } stay with their
   component.) File roles: tokens.css = values; components.css = shared UI
   vocabulary (generic names, safe on any page); main.css = base layout +
   page-prefixed sections (one owner page each). One class = one home.
   ========================================================================== */
:root {
  /* semantic status colours */
  --c-danger:      #ff5b5b;   /* cheater / VAC ban */
  --c-danger-text: #ff8a8a;   /* danger on a dark ground */
  --c-ok:          #39d98a;   /* clean / win */
  --c-ok-text:     #7fe6b3;
  --c-warn:        #ffb020;   /* enemy */
  --c-purple:      #b478ff;   /* game ban */
  --c-accent:      #e07b39;

  /* neutrals / text */
  --c-ink:    #eaf0f6;
  --c-subtle: #cfd6de;
  --c-muted:  #9aa4ad;
  --c-faint:  #7f8892;

  /* translucent surfaces / lines for the dark ground */
  --surface:      rgba(255, 255, 255, .05);
  --surface-line: rgba(255, 255, 255, .12);

  /* radii */
  --r-pill: 999px;

  /* the site photo behind every page (main.css body::before / ::after): blur, darkness, and an orange tint over it */
  --bg-blur: 4px;
  --bg-brightness: .8;
  --bg-tint: linear-gradient(180deg, rgba(255, 85, 0, .04) 0%, rgba(255, 85, 0, .015) 60%, rgba(0, 0, 0, .15) 100%);

  /* app-wide vars (merged from the :root blocks that lived in main.css and
     components.css; where the two disagreed, the values kept are the ones
     that actually rendered — components.css loaded last, so it won) */
  --bg:          rgba(0,0,0,0.45);
  --card-bg:     rgba(255,255,255,0.03);
  --card-border: rgba(255,255,255,0.08);
  --accent:      #d18b3a;
  --radius:      8px;
  --gap:         16px;
  --text:        #e8eef1;
  --muted:       #9aa1a6;
  --good:        #b6f58e;
  --bad:         #ff7b7b;

  /* compare page (vs-*) */
  --vs-p1:     #ff7800;
  --vs-p2:     #57cbde;
  --vs-win:    #b6f58e;
  --vs-lose:   rgba(235,240,244,.22);
  --vs-bg:     linear-gradient(180deg,rgba(15,17,22,.68),rgba(12,14,18,.56));
  --vs-border: rgba(255,255,255,.07);
  --vs-text:   #eaf0f4;
  --vs-muted:  rgba(235,240,244,.4);
}