/* ==========================================================================
   Frei Spiele – Design Tokens
   Bildsprache: deutsches Prüfbericht-/Datenblatt-Layout.
   Nüchtern, dokumentarisch, prüfbar. Kein Neon-Casino.
   ========================================================================== */

:root {
  /* --- Farben ------------------------------------------------------------
     tiefblau  Kopf-/Fußbereich, Struktur (DIN-Blau, abgedunkelt)
     papier    Seitengrund, leicht kühl – wie Normpapier
     tinte     Fließtext
     gold      Freispiel-Zahlen, primärer Akzent (gedämpft, kein Neon)
     signal    Warnhinweise, Testsieger-Stempel
     geprueft  Lizenz-/Verifikations-Häkchen
  ------------------------------------------------------------------------ */
  --tiefblau:        #10233f;
  --tiefblau-hell:   #1d3a63;
  --tiefblau-flach:  #e6eaf1;
  --papier:          #f4f5f2;
  --papier-tief:     #e9ebe5;
  --karte:           #ffffff;
  --tinte:           #16191c;
  --tinte-leise:     #5a6169;
  --linie:           #d3d7d0;
  --linie-stark:     #a9b0a7;
  --gold:            #e8b004;
  --gold-tief:       #a67c00;
  --gold-flach:      #fdf3d4;
  --signal:          #c8102e;
  --signal-flach:    #fbe8eb;
  --geprueft:        #1e7a46;
  --geprueft-flach:  #e3f1e9;

  /* --- Schrift -----------------------------------------------------------
     Bewusst ausschliesslich Systemschriften: keine Verbindung zu Google Fonts
     oder einem anderen Drittanbieter, damit keine IP-Adressen der Besucher
     uebertragen werden. Das haelt die Datenschutzerklaerung sauber und
     spart zwei externe Anfragen pro Seitenaufruf.

     Display: Systemsans, schwer und eng gesetzt – Deckblatt eines Pruefberichts
     Text:    Systemsans, gut lesbar mit sauberen Umlauten
     Daten:   Systemmonospace – Umsatz, Freispielanzahl, Fristen tabellarisch
  ------------------------------------------------------------------------ */
  --schrift-display: -apple-system, BlinkMacSystemFont, "Segoe UI Variable Display",
                     "Segoe UI", Roboto, "Helvetica Neue", "Liberation Sans", Arial, sans-serif;
  --schrift-text:    -apple-system, BlinkMacSystemFont, "Segoe UI Variable Text",
                     "Segoe UI", Roboto, "Helvetica Neue", "Liberation Sans", Arial, sans-serif;
  --schrift-daten:   ui-monospace, "SF Mono", SFMono-Regular, "Cascadia Mono",
                     "Segoe UI Mono", "Roboto Mono", "DejaVu Sans Mono", Menlo, Consolas, monospace;

  --tg-xs:   0.75rem;   /* 12px – Kleingedrucktes, AGB-Zeilen */
  --tg-sm:   0.8125rem; /* 13px – Datenblatt-Werte */
  --tg-base: 1rem;      /* 16px */
  --tg-md:   1.125rem;  /* 18px – Lead */
  --tg-lg:   1.5rem;    /* 24px */
  --tg-xl:   2rem;      /* 32px */
  --tg-2xl:  2.75rem;   /* 44px */
  --tg-3xl:  3.75rem;   /* 60px – Hero */

  /* --- Raster ------------------------------------------------------------ */
  --breite:      1180px;
  --breite-text: 720px;
  --r1: 0.25rem;
  --r2: 0.5rem;
  --r3: 0.75rem;
  --r4: 1rem;
  --r5: 1.5rem;
  --r6: 2rem;
  --r7: 3rem;
  --r8: 4.5rem;

  /* --- Kanten & Schatten ------------------------------------------------- */
  --kante:      2px;   /* Datenblätter sind eckig, nicht abgerundet */
  --kante-rund: 999px;
  --schatten:      0 1px 0 var(--linie), 0 2px 8px rgba(16, 35, 63, .06);
  --schatten-hoch: 0 2px 0 var(--linie-stark), 0 10px 28px rgba(16, 35, 63, .12);
}