/* ============================================================
   NOMAD-IQ · Zentrales Theme „Mischung"
   ------------------------------------------------------------
   Wird ZULETZT im <head> eingebunden (nach dem Inline-<style>),
   damit die Token-Werte hier die Inline-:root-Werte überschreiben.
   Es mappt die NEUE Mischung-Palette auf die bestehenden
   Token-Namen (--dark/--sand/--cream/…), sodass jede Seite, die
   diese Variablen nutzt, automatisch den Clean-Look bekommt —
   ohne dass jede Seite einzeln umgeschrieben werden muss.

   Schrift: Inter für UI/Zahlen, Playfair Display nur für Hero-Titel.
   Flächen werden pro Seite „flach" gemacht (Verläufe raus) — das
   sind hartkodierte rgba-Gradienten, die Tokens nicht erfassen.
   ============================================================ */

:root{
  /* ── Mischung-Palette (neue, kanonische Namen) ── */
  --bg:#121211;
  --surface:#1A1A18;
  --surface-2:#222220;
  --hair:rgba(255,255,255,0.08);
  --hair-strong:rgba(255,255,255,0.14);
  --text:#EAE8E2;
  --muted:#94918A;
  --faint:#64625C;
  --accent:#C9A96E;          /* warmes Gold — der eine Akzent */
  --accent-ink:#16130D;      /* Text auf Gold */
  --accent-soft:rgba(201,169,110,0.14);
  --sky:#7FA8C9;
  --ok:#6BBF8A; --warn:#D8B25A; --bad:#D2756A;

  /* ── Schrift ── */
  --ff-ui:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --ff-hero:'Playfair Display',Georgia,serif;

  /* ── Legacy-Aliasse → bestehende Seiten recolorieren automatisch ── */
  --dark:#121211;
  --cream:#EAE8E2; --light:#EAE8E2; --white:#FFFFFF;
  --sand:#C9A96E; --rust:#B07A52; --earth:#222220; --mid:#94918A;
  --sky-1:#7FA8C9;
  --green:#6BBF8A; --yellow:#D8B25A; --red:#D2756A;
  --pos:#6BBF8A; --neg:#D2756A;
  --ff-body:var(--ff-ui);
  /* --ff-head wird NICHT global gesetzt: Seiten nutzen es noch für
     Zahlen. Im Refresh pro Seite: Zahlen → var(--ff-body),
     nur der Hero-Titel → var(--ff-hero). */
}

body{ -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; }

/* ── Optionale Basis-Komponenten für künftige Seiten ──
   (Bestehende Seiten nutzen ihre eigenen Klassen; diese .niq-*-Klassen
    sind der saubere Baukasten für den weiteren Ausbau.) */
.niq-card{ background:var(--surface); border:1px solid var(--hair); border-radius:14px; padding:1.1rem 1.2rem; }
.niq-label{ font:500 0.78rem/1.2 var(--ff-ui); color:var(--muted); }
.niq-num{ font:600 1.8rem/1 var(--ff-ui); font-variant-numeric:tabular-nums; letter-spacing:-0.02em; color:var(--text); }
.niq-num .u{ font-size:0.5em; color:var(--accent); font-weight:500; margin-right:0.15em; }
.niq-btn{ border:none; border-radius:10px; padding:0.65rem 1.2rem; font:600 0.9rem var(--ff-ui); cursor:pointer; background:var(--accent); color:var(--accent-ink); }
.niq-btn.ghost{ background:transparent; border:1px solid var(--hair); color:var(--text); }
.niq-chip{ padding:0.5rem 0.85rem; border-radius:999px; border:1px solid var(--hair); background:var(--surface); color:var(--muted); font:400 0.84rem var(--ff-ui); cursor:pointer; }
.niq-chip.on{ background:var(--accent); color:var(--accent-ink); border-color:transparent; font-weight:600; }
