/* ============================================================
   CI-VARIANTE „Hanseatisches Kontor" — Baltic Property Management
   ------------------------------------------------------------
   Diese tokens.css gehört NUR zum Branch `ci-vorschlag` (Worker
   balticpm-ci-b). Sie bildet das CI-Playbook ab: kühles Petrol +
   warmer Sand, IBM Plex Sans/Mono, viel Weißraum, dünne Linien.

   Die bestehenden --neo-*-Namen bleiben erhalten (styles.css und
   preview.css referenzieren sie 129×), zeigen aber jetzt auf die
   Petrol-Palette. So reskinnt der Token-Tausch das ganze Layout,
   ohne es anzufassen. Die Signatur-Details (Mono-Zahlen, Eyebrows,
   Petrol-Buttons) liegen in der CI-Schicht am Ende von preview.css.
   ============================================================ */
:root {
    /* --- Petrol-Palette (Playbook §3), auf die --neo-Rollen gemappt --- */
    --neo-ink: #173742;     /* Petrol tief: dunkle Bandflächen, Fließtext, Headlines */
    --neo-cream: #EFEADD;   /* Sand-Tint: helle Schrift/Akzent auf Petrol-Flächen   */
    --neo-stone: #5E7177;   /* Gedämpft: Sekundärtext, Captions/Eyebrows           */
    --neo-paper: #FFFFFF;   /* Weiß: Standard-Seitenhintergrund                    */
    --neo-line: #C6D4D6;    /* dünne Trennlinien (1px)                             */
    --neo-muted: #5E7177;   /* Gedämpft (zweite Rolle); Footer separat in CI-Schicht */

    /* --- CI-Token (Playbook §12), direkt nutzbar in der CI-Schicht --- */
    --bpm-petrol: #2E5E6E;       /* Primär: Nav, Buttons, Logo, Linien, Akzent */
    --bpm-petrol-deep: #173742;  /* Headlines, dunkle Flächen, Footer          */
    --bpm-petrol-tint: #E3ECEC;  /* getönte Flächen, Karten, Hervorhebung      */
    --bpm-line: #C6D4D6;
    --bpm-surface: #F2F5F5;      /* alternierende kühle Sektionen              */
    --bpm-ink: #16242A;          /* Fließtext (nie reines Schwarz)             */
    --bpm-muted: #5E7177;
    --bpm-sand: #BFB39A;         /* warmer Akzent, sparsam                     */
    --bpm-sand-tint: #EFEADD;    /* warme Sektionsfläche als Gegengewicht      */
    --bpm-amber: #B97D2B;        /* genau EIN Aufmerksamkeits-Akzent pro Seite */
    --bpm-amber-tint: #F4EAD5;
    --bpm-green: #3E7D62;        /* nur Bestätigungen/Erfolg                   */
    --bpm-footer-text: #A9C0C4;  /* helle Schrift auf Petrol-tief-Footer       */

    /* --- Spacing-Skala (unverändert) --- */
    --s-1: 4px;
    --s-2: 8px;
    --s-3: 12px;
    --s-4: 16px;
    --s-6: 24px;
    --s-8: 32px;
    --s-12: 48px;
    --s-16: 64px;
    --s-24: 96px;

    --container-max: 1240px;
    --text-max: 720px;
    --gutter: 24px;

    /* Geometrie 1:1 wie die bestehende BPM-Seite: kompakter Rhythmus, damit
       die beiden Varianten layout-gleich nebeneinander liegen. Es unterscheidet
       sie nur die CI (Petrol/Sand, IBM Plex, Mono-Zahlen) — nicht der Aufbau. */
    --section-pad: 36px;

    /* --- Typografie: NEO-Haupttext (Montserrat Display / Inter Body) + IBM Plex Mono (Logbuch-Akzent) --- */
    --font-display: "Montserrat", "Helvetica Neue", Arial, sans-serif;
    --font-body: "Inter", "Helvetica Neue", Arial, sans-serif;
    --font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;

    --size-display-xl: clamp(40px, 6vw, 64px);
    --size-display-l: clamp(32px, 4.5vw, 48px);
    --size-display-m: clamp(26px, 3vw, 32px);
    --size-headline: 24px;
    --size-subhead: 18px;
    --size-body: 16px;
    --size-small: 14px;
    --size-caption: 12px;
}