/* =========================================================
   NO_SA – arculati tokenek (a klánlogóból kiolvasott színek)
   Minden szín, betű és méret innen jön: arculatot csak itt módosíts.
   ========================================================= */
:root {
  /* --- Vörösek (logó betűi, drágakövek, szemek) --- */
  --red-500: #D00909;   /* Pokolvörös – fő akcentus */
  --red-400: #F32827;   /* Izzó vörös – hover, csúcsfény */
  --red-700: #7A1309;   /* Mélyvörös – betűk sötét oldala */
  --red-900: #5C0203;   /* Vérbordó – mély háttérakcentus */
  --ember:   #C32607;   /* Parázsnarancs – ragyogás, kontúrfény */
  --ember-2: #B8270A;

  /* --- Feketék, acélok (csuklya, páncél, szalag) --- */
  --black:   #060606;   /* Éjfekete – fő háttér */
  --black-2: #0E0A0A;
  --graphite:#201F23;   /* Grafit – kártyák, panelek */
  --steel-700:#3E3C42;  /* Sötét acél – keretek */
  --steel-500:#807B80;  /* Acélszürke – ikonok, halvány szöveg */
  --steel-400:#9E9C9F;
  --bone:    #CBC8C1;   /* Csont – fő szövegszín */
  --white:   #F4F1EC;

  /* --- Állapotszínek (jelentkezés: biztos / bizonytalan / nem tud) --- */
  --ok:    #3FA34D;
  --maybe: #D99A1E;
  --no:    var(--red-500);

  /* --- Betűtípusok --- */
  --font-display: "Black Ops One", "Russo One", Impact, sans-serif;
  --font-ui: "Barlow Condensed", "Arial Narrow", sans-serif;
  --font-body: "Barlow", system-ui, sans-serif;
  --font-brush: "Permanent Marker", cursive; /* csak angol szlogenekhez (nincs ő/ű) */

  /* --- Formák --- */
  --cut: 14px;                 /* levágott sarok mérete */
  --cut-sm: 8px;
  --radius: 2px;
  --border: 1px solid var(--steel-700);

  /* --- Fények, árnyékok --- */
  --glow-red: 0 0 0 1px rgba(208,9,9,.55), 0 0 18px rgba(208,9,9,.35);
  --glow-ember: 0 0 24px rgba(195,38,7,.45);
  --shadow: 0 10px 30px rgba(0,0,0,.55);

  /* --- Elrendezés --- */
  --max-w: 1240px;
  --gap: clamp(16px, 2.4vw, 28px);
  --header-h: 68px;

  /* --- Mozgás --- */
  --ease: cubic-bezier(.2,.7,.2,1);
  --t-fast: .18s;
  --t: .35s;
}