/* ============================================================
   TOUGE BATTLE — COLOR TOKENS
   Source of truth: TougeBattlePlugin/lua/tougebattle.lua → Theme.Colors
   The in-game HUD is a translucent, neon-on-near-black overlay.
   rgbm(r,g,b,a) values from the Lua are converted to sRGB hex / rgba here.
   ============================================================ */

:root {
  /* ---- Neon accent palette (the HUD's signature glow colors) ---- */
  --neon-cyan:        #00ccff; /* rgbm(0.0, 0.8, 1.0) — PRIMARY brand accent */
  --neon-red:         #ff334d; /* (kept for ref) */
  --neon-red-core:    #ff3340; /* rgbm(1.0, 0.2, 0.3) — Leader role */
  --neon-green:       #1ae566; /* rgbm(0.1, 0.9, 0.4) — Chaser role / available */
  --neon-yellow:      #ffd900; /* rgbm(1.0, 0.85, 0.0) */
  --neon-purple:      #b333ff; /* rgbm(0.7, 0.2, 1.0) */
  --neon-blue:        #3399ff; /* rgbm(0.2, 0.6, 1.0) */
  --neon-gold:        #e6cc1a; /* rgbm(0.9, 0.8, 0.1) — records / crowns */
  --neon-orange:      #e69919; /* rgbm(0.9, 0.6, 0.1) */
  --neon-time-attack: #cc33ff; /* rgbm(0.8, 0.2, 1.0) — Time Attack mode */

  /* ---- Surfaces (near-black, translucent — sit over the 3D game) ---- */
  --surface-base:     rgba(10, 13, 18, 0.72);  /* rgbm(0.04,0.05,0.07,0.72) — panel bg */
  --surface-solid:    #0a0d12;                  /* opaque version for swatches/specimens */
  --surface-raised:   rgba(255, 255, 255, 0.04);/* config group fill */
  --surface-row-alt:  rgba(255, 255, 255, 0.05);/* zebra row */
  --surface-frame:    rgba(10, 13, 18, 0.80);   /* input frame bg */
  --surface-overlay:  rgba(0, 0, 0, 0.55);      /* world-space label cards */
  --page-void:        #05070a;                  /* the black behind everything (DS canvas) */

  /* ---- Lines & borders ---- */
  --line-dark:        rgba(255, 255, 255, 0.08); /* LineDark */
  --line-soft:        rgba(255, 255, 255, 0.10); /* separators */
  --line-frame:       rgba(255, 255, 255, 0.04);
  --highlight-top:    rgba(255, 255, 255, 0.15); /* top inner highlight on panels */

  /* ---- Text ---- */
  --text-white:       #ffffff;            /* White */
  --text-subtle:      #e6e6e6;            /* TextSubtle  rgbm(0.9,0.9,0.9) */
  --text-dim:         #d9d9e0;            /* TextDim     rgbm(0.85,0.85,0.88) */
  --text-muted:       #b3b3b8;            /* secondary labels */
  --text-faint:       #999aa0;            /* meta / PI: --- */
  --text-ghost:       rgba(255, 255, 255, 0.45);

  /* ---- Semantic state ---- */
  --state-win:        #33e633; /* rgbm(0.2,0.9,0.2) */
  --state-lose:       #e63333; /* rgbm(0.9,0.2,0.2) */
  --state-available:  var(--neon-green);
  --state-busy:       var(--neon-orange);
  --state-warning:    var(--neon-gold);
  --state-danger:     var(--neon-red-core);

  /* ---- Battle roles ---- */
  --role-leader:      var(--neon-red-core); /* Lead car */
  --role-chaser:      var(--neon-green);    /* Chaser car */

  /* ---- Rank tiers (RankTier.cs — MMR ladder, mirrors Discord roles) ---- */
  --rank-bronze:      #c87b3c;
  --rank-silver:      #c2ccd6;
  --rank-gold:        #e6cc1a;
  --rank-platinum:    #4de1d4;
  --rank-diamond:     #5fc8ff;
  --rank-topten:      #ff3340;

  /* ---- Brand integrations ---- */
  --discord-blurple:  #5865f2; /* rgbm(0.345,0.396,0.949) */

  /* ---- Semantic aliases (use these in components) ---- */
  --accent:           var(--neon-cyan);
  --accent-dim:       rgba(0, 204, 255, 0.4);
  --accent-faint:     rgba(0, 204, 255, 0.08);
  --bg-panel:         var(--surface-base);
  --bg-page:          var(--page-void);
  --border-panel:     var(--accent-dim);
  --text-body:        var(--text-dim);
  --text-heading:     var(--text-white);
}