/* ============================================================
   Business Navigator — Design-Tokens
   Quelle: Aktives Designmanifest v1.0 (MASTER)
   Manifest-ID: 9468def5-f8ca-4a54-9b1d-3647f777738b
   Variante: Version B - Soft & Friendly
   ------------------------------------------------------------
   EINZIGE Quelle der Wahrheit fuer Designwerte. Literale Werte
   (Hex/px/Schatten) sind NUR hier erlaubt. Jede Komponente nutzt
   ausschliesslich var(--bn-*). Keine freien Designwerte im Code.
   ============================================================ */

:root {
  /* --- BN-TOK-COLOR · Marke ------------------------------- */
  --bn-color-navy:        #1F2A4D;
  --bn-color-navy-deep:   #16203B;
  --bn-color-navy-soft:   #2B3A63;
  --bn-color-gold:        #C8983F;
  --bn-color-gold-deep:   #B5862F;
  --bn-color-gold-soft:   #E8D49B;
  --bn-color-gold-tint:   #F4EBD3;

  /* --- BN-TOK-COLOR · Neutral ----------------------------- */
  --bn-color-ink:         #232C42;
  --bn-color-ink-2:       #5C6478;
  --bn-color-ink-3:       #8C92A0;
  --bn-color-line:        #EBE7DE;
  --bn-color-line-soft:   #F1ECE0;
  --bn-color-canvas:      #F3F1EC;
  --bn-color-sidebar:     #FBFAF6;
  --bn-color-white:       #FFFFFF;

  /* --- BN-TOK-COLOR · Semantik ---------------------------- */
  --bn-color-success:     #2E7D58;
  --bn-color-info:        #2F6FED;
  --bn-color-danger:      #C2503C;

  /* --- BN-TOK-TYPE · Familien ----------------------------- */
  /* DSGVO: Fonts lokal hosten (siehe Validierungsbericht, offene UI-Punkt U1). */
  --bn-font-ui:        'Hanken Grotesk', -apple-system, 'Segoe UI', Roboto, sans-serif;
  --bn-font-marketing: 'Playfair Display', Georgia, 'Times New Roman', serif;

  /* --- BN-TOK-TYPE · Textrollen (size / weight / line-height / tracking) */
  --bn-type-h1-size: 26px;   --bn-type-h1-weight: 700; --bn-type-h1-lh: 1.15; --bn-type-h1-track: -0.01em;
  --bn-type-h2-size: 18px;   --bn-type-h2-weight: 700; --bn-type-h2-lh: 1.2;
  --bn-type-card-title-size: 14px; --bn-type-card-title-weight: 700; --bn-type-card-title-lh: 1.2;
  --bn-type-eyebrow-size: 11px; --bn-type-eyebrow-weight: 700; --bn-type-eyebrow-track: 0.13em;
  --bn-type-body-size: 14px; --bn-type-body-weight: 400; --bn-type-body-lh: 1.55;
  --bn-type-metric-size: 26px; --bn-type-metric-weight: 700; --bn-type-metric-lh: 1;
  --bn-type-meta-size: 12px; --bn-type-meta-weight: 500;
  --bn-type-wordmark-size: 17px; --bn-type-wordmark-weight: 600;

  /* --- BN-TOK-SPACE · 4px-Basis --------------------------- */
  --bn-space-1: 4px;
  --bn-space-2: 8px;
  --bn-space-3: 12px;
  --bn-space-4: 16px;
  --bn-space-5: 20px;
  --bn-space-6: 24px;
  --bn-space-8: 32px;
  --bn-space-12: 48px;

  /* --- BN-TOK-RADIUS -------------------------------------- */
  --bn-radius-card:   18px;
  --bn-radius-field:  12px;
  --bn-radius-chip:   14px;
  --bn-radius-pill:   999px;
  --bn-radius-select: 6px;

  /* --- BN-TOK-SHADOW / FOCUS (konkrete Werte aus Manifest-Quellcode) */
  --bn-shadow-sm:   0 1px 2px rgba(31, 42, 77, .05);
  --bn-shadow-card: 0 4px 16px rgba(31, 42, 77, .06);
  --bn-shadow-lift: 0 10px 30px rgba(31, 42, 77, .10);
  --bn-shadow-primary: 0 4px 12px rgba(176, 134, 47, .3);
  --bn-ring-focus:  0 0 0 3px rgba(47, 111, 237, .25);

  /* --- BN-TOK-ICON --------------------------------------- */
  --bn-icon-stroke: 1.7;
  --bn-icon-size-inline: 16px;
  --bn-icon-size-nav:    19px;
  --bn-icon-size-tool:   24px;

  /* --- z-index (additive Ergaenzung; im Manifest nachzuziehen) -------- */
  --bn-z-topbar:  100;
  --bn-z-drawer:  200;
  --bn-z-overlay: 190;

  /* --- BN-LAY-GRID · Raster und Masse -------------------- */
  --bn-layout-topbar-h:   58px;
  --bn-layout-sidebar-w:  248px;
  --bn-layout-content-pad-y: 28px;
  --bn-layout-content-pad-x: 32px;
  --bn-layout-footer-h:   48px;
  --bn-layout-section-gap: 24px;
  --bn-grid-gap: 16px;
}