/* ============================================================
   Paroli planen & bauen — Design Tokens
   Gestaltungssystem angelehnt an den BickelBau-Relaunch (ideegrafik).
   Primary = Paroli-Blau #005AA9 (aus dem Bestands-CI), sparsam einsetzen.
   Schrift: Plus Jakarta Sans (lokal, latin) · keine runden Ecken
   ============================================================ */
@font-face{font-family:'Plus Jakarta Sans';src:url('../fonts/jakarta-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Plus Jakarta Sans';src:url('../fonts/jakarta-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Plus Jakarta Sans';src:url('../fonts/jakarta-600.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Plus Jakarta Sans';src:url('../fonts/jakarta-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Plus Jakarta Sans';src:url('../fonts/jakarta-800.woff2') format('woff2');font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:'Plus Jakarta Sans';src:url('../fonts/jakarta-400-italic.woff2') format('woff2');font-weight:400;font-style:italic;font-display:swap}

:root{
  /* Marke */
  --blue:#005AA9; --blue-deep:#00457f; --blue-soft:#e4edf6;
  /* Warme Neutrals */
  --bg:#f3f2ee; --bg-2:#eae8e2; --bg-3:#e0ddd4;
  --card:#ffffff; --line:#e4e1d8;
  --ink:#1b1d21; --ink-2:#31343a; --muted:#666a70; --muted-2:#8f9297;
  --slate:#31343a;
  --on-dark:#f3f4f6; --on-dark-dim:#b6bac1;
  /* Akzent warm (sparsam: Notfall-Hinweise) */
  --warm:#d9772b;
  /* Radien */
  --r-xl:0; --r-lg:0; --r-md:0; --r-sm:0; --r-pill:0;
  /* Schatten */
  --sh-card:0 14px 40px -18px rgba(27,29,33,.28);
  --sh-pill:0 8px 30px -8px rgba(27,29,33,.22);
  --sh-soft:0 4px 18px -10px rgba(27,29,33,.25);
  /* Fonts */
  --font-display:'Plus Jakarta Sans',system-ui,sans-serif;
  --font-body:'Plus Jakarta Sans',system-ui,sans-serif;
  /* Type-Scale (fluid) */
  --fs-hero:clamp(2.4rem,5.4vw,5rem);
  --fs-h1:clamp(2.2rem,4.2vw,3.8rem);
  --fs-h2:clamp(2rem,3.5vw,3.3rem);
  --fs-h3:clamp(1.25rem,1.7vw,1.6rem);
  --fs-body:1.0625rem;
  --fs-intro:clamp(1.6rem,3vw,2.7rem);
  /* Layout */
  --maxw:1320px; --gutter:clamp(1rem,3.5vw,2.5rem); --sp:clamp(5.5rem,9.5vw,10rem);
  --ease:cubic-bezier(.22,.61,.27,1); --t:.5s var(--ease);
}