/* PUMPCITY · DESIGN TOKENS (chat UI, 2026-10-18). ONE place for every colour, face, radius, shadow and easing the game's screens
   share: the title, the menus, the settings, the HUD (chat Combat HUD), the death screen, the round end. Loaded FIRST; pc.css,
   war.css, combat.css and ui.css use these names, never the values. Change a value here and the whole game follows.
   --me is YOUR team's colour: war/ui.js sets it on <html> the moment the server deals you a team (bone white before that). */
:root {
  /* the four teams: the only hues in the game besides the sky. Dark ink for text ON a team colour. */
  --t0: #2bff88; --t1: #3aa0ff; --t2: #ff3fb4; --t3: #ffc23a; --neutral: #9aa3b5;
  --t0-ink: #04260f; --t1-ink: #031a33; --t2-ink: #33021c; --t3-ink: #2b1d00;
  --me: var(--acc); --me-ink: var(--acc-ink);
  /* surfaces: asphalt black with a warm tint (the city at golden hour), stepped by lightness. No blur over the canvas. */
  --bg: #0b0b0d; --s0: rgba(11, 11, 13, .94); --s1: rgba(17, 17, 20, .97); --s2: rgba(243, 239, 230, .04); --s3: rgba(243, 239, 230, .08); --s4: rgba(243, 239, 230, .14);
  /* ink: bone white, three levels */
  --ink: #f3efe6; --ink2: rgba(243, 239, 230, .7); --ink3: rgba(243, 239, 230, .42);
  /* lines: two strengths */
  --line: rgba(243, 239, 230, .1); --line2: rgba(243, 239, 230, .2);
  /* the one accent: bone on black (primary buttons, selected states); in the game your team colour takes its place through --me */
  --acc: #f3efe6; --acc-ink: #0b0b0d;
  --good: #2bff88; --bad: #ff4a3d; --warn: #ffc23a;
  /* type: a condensed display face for titles and numbers that shout, a plain sans for reading, a mono for every number, time, address and key */
  --font-display: 'Barlow Condensed', 'Oswald', Impact, sans-serif;
  --font-text: 'Barlow', 'Inter', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, Menlo, monospace;
  /* radii: one family */
  --r1: 3px; --r2: 6px; --r3: 10px;
  /* depth: a hairline + a top highlight + one wide dark shadow for panels; a text shadow for anything written over the world */
  --sh-panel: inset 0 1px 0 rgba(243, 239, 230, .06), 0 24px 70px rgba(0, 0, 0, .55);
  --sh-text: 0 1px 2px rgba(0, 0, 0, .85), 0 0 12px rgba(0, 0, 0, .4);
  /* motion: short, one easing */
  --ease: cubic-bezier(.2, .7, .2, 1); --fast: .14s; --slow: .5s;
  /* the HUD's older names (pc.css, war.css, combat.css) map onto the system: the brand green IS the player's team colour */
  --shadow: var(--sh-text); --g: var(--me); --g2: var(--me); --red: var(--bad); --wh: var(--ink); --panel: rgba(8, 10, 12, .62);
}
