/* ============================================================
   BECRO Trading — gemeinsame Basis
   ============================================================

   Umfang bewusst klein gehalten. Enthalten ist nur, was auf allen
   Seiten nachweislich identisch ist:

     1. Design-Tokens (Kernsatz)
     2. Box-Model-Reset

   Bewusst NICHT enthalten — und warum:

   - Nav, Footer, Cookie-Banner, Top-Bar
     Es gibt zwei Seiten-Familien (helle vs. dunkle Nav) mit
     unterschiedlicher Mechanik, nicht nur anderen Werten. Dazu
     kommt: Media-Queries erhoehen die Spezifitaet nicht. Wuerde man
     die mobilen Nav-Regeln hierher ziehen und die Basisregeln inline
     lassen, gewaenne die inline-Regel per Quellreihenfolge und das
     Mobil-Menue waere ueberall kaputt. Nav/Footer gehoeren als Ganzes
     migriert — im Redesign, nicht hier.

   - Type-Scale (h1–h4, p) und Helfer (.eyebrow, .rule-short,
     .section-head, .section-lead)
     h1 hat 7, .eyebrow 8 Varianten ueber die Seiten. Das ist
     groesstenteils Absicht (Legal-Seiten wollen kleinere Headlines
     als der Hero), nicht Drift. Hierher gezogen muessten zehn Seiten
     sie sofort wieder ueberschreiben.

   - Buttons (.btn-Familie)
     Existiert nur auf 4 von 19 Seiten. Hochziehen wuerde 15 Seiten
     Regeln geben, die sie nie hatten.

   Diese Datei waechst, sobald das Redesign die Seiten-Familien
   bewusst zusammenfuehrt. Bis dahin ist sie die Token-Quelle.

   Cache-Busting: der ?v=N-Parameter am <link> muss bei jeder
   Aenderung hier hochgezaehlt werden.
   ============================================================ */


/* ── Design-Tokens ────────────────────────────────────────────
   Kernsatz. Seiten, die abweichen, ueberschreiben einzelne Tokens
   in ihrem eigenen <style>-Block (der nach diesem <link> kommt).

   Familien-Tokens stehen bewusst NICHT hier, sondern bleiben in den
   Seiten, die sie definieren:
     --navy-dark (#061A3E) / --navy-deep (#071e4a)
        gleiche Rolle, zwei Namen, zwei Werte — im Redesign zusammenfuehren
     --bg-subtle, --max-w-wide, --section-v
        nur von Teilmengen genutzt
   Grund fuer --bg-subtle im Besonderen: coaching.html benutzt
   var(--bg-subtle), definiert es aber nicht. Der Token ist dort heute
   ungueltig, #testimonial-strip hat deshalb keinen Hintergrund. Wuerde
   er hier global definiert, bekaeme die Seite still einen neuen
   Hintergrund. Der Bug bleibt vorerst stillgelegt.
   ──────────────────────────────────────────────────────────── */

:root {
  --navy:       #0A2E6E;
  --navy-mid:   #1A4080;
  --black:      #111111;
  --gray-text:  #555555;
  --gray-light: #888888;
  --rule:       #E0E0E0;
  --bg-off:     #F9F9F7;
  --white:      #FFFFFF;
  --max-w:      1280px;
  --pad-x:      80px;
  --font-serif: 'EB Garamond', Georgia, serif;
  --font-sans:  'Inter', system-ui, sans-serif;
}


/* ── Reset ────────────────────────────────────────────────────
   Auf allen 19 Seiten wortgleich vorhanden.
   ──────────────────────────────────────────────────────────── */

*, *::after, *::before {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}