/* tokens.css — Design tokenek: színek, betűk, méretek. A megjelenés egyetlen (sötét, aqua kiemelésű) téma.
   Referencia: docs/design/reference.png · Leírás: docs/DESIGN.md */
:root{
  box-sizing:border-box;
  padding-top:env(safe-area-inset-top,0px);
  padding-bottom:env(safe-area-inset-bottom,0px);
  color-scheme:dark;

  /* felületek */
  --bg:#040a0c;            /* oldal háttér */
  --paper:#0a1518;         /* panel */
  --paper2:#0f1f23;        /* emelt / hover felület */
  --line:#17323a;          /* vékony keret */
  --line-strong:#25505a;   /* hangsúlyos keret */
  --grid:rgba(55,242,216,.035);

  /* szöveg */
  --ink:#e9f7f5;
  --mute:#82a0a3;

  /* kiemelés (elsődleges gomb, aktív elem, számlálók) */
  --accent:#37f2d8;
  --accent-ink:#03110f;    /* szöveg az aqua kitöltésen */
  --accent-dim:rgba(55,242,216,.13);

  /* csapatjelentés: A = támadó (piros), B = védő (kékeszöld). Hibát és LIVE-ot is a piros jelöl. */
  --atk:#ff4d5e; --on-atk:#180509;
  --def:#2fd9c4; --on-def:#03110f;
  --warn:#f0b34a;

  --cut:10px;              /* panelek levágott sarkának mérete */
  --f-head:"Chakra Petch","Rajdhani","Arial Narrow","Roboto Condensed",sans-serif;
  --f-body:"IBM Plex Sans","Segoe UI",system-ui,-apple-system,Roboto,sans-serif;
  --f-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}