/* bee-doo Brand-Tokens — v2.1 SSOT
 * Quelle: bee-doo-crm src/app/globals.css (CRM ist Font-SSOT)
 * Reference: design_system_v2.md
 *
 * Import in jeder bee-doo App:
 *   <link rel="stylesheet" href="https://bee-doo.de/bd-tokens.css">
 * 
 * NICHT modifizieren ohne Patrick/CRM-SSOT-Update.
 * Apps die spezifische Brand-Welten haben (Portal/Radar) dürfen overriden.
 */

/* ───── Schrift-Stack (Inter / Geist / Geist Mono) ───── */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Geist:wght@400;500;600;700&family=Geist+Mono:wght@400;500;600&display=swap');

:root {
  /* Fonts */
  --bd-font-body:    'Inter', system-ui, -apple-system, sans-serif;
  --bd-font-display: 'Geist', 'Inter', sans-serif;
  --bd-font-mono:    'Geist Mono', ui-monospace, SFMono-Regular, monospace;

  /* Brand-Farben (UNVERÄNDERT seit v1.0) */
  --bd-primary:       #1B4F72;   /* Navy — Headlines, Stepper aktiv, Borders */
  --bd-primary-light: #2E86C1;   /* Hellblau — Buttons, Links */
  --bd-accent:        #2E86C1;
  --bd-success:       #27AE60;
  --bd-warn:          #F39C12;
  --bd-danger:        #E74C3C;
  --bd-gold:          #F5C500;   /* bee-doo Brand-Gold */
  --bd-gold-dark:     #D4A800;

  /* Backgrounds */
  --bd-bg:      #F8F9FA;
  --bd-surface: #FFFFFF;
  --bd-bg-dark: #0a0a0a;

  /* Tints (transparente Akzente) */
  --bd-tint-primary: #EAF2F9;
  --bd-tint-success: #E8F5EC;
  --bd-tint-warn:    #FCF1E0;
  --bd-tint-danger:  #FBE9E7;
  --bd-tint-gold:    #FFF8DC;
  --bd-tint-gold-dim: rgba(245,197,0,0.12);

  /* Ink (Text-Farbtöne) */
  --bd-ink-1: #0B1929;        /* Headlines, primäre Werte */
  --bd-ink-2: #2A3B52;        /* Body-Text */
  --bd-ink-3: #5C6B82;        /* Sekundär */
  --bd-ink-4: #8794A6;        /* Muted, Labels */

  /* Hairlines (Borders) */
  --bd-hairline:        #E8ECF1;
  --bd-hairline-strong: #D5DCE5;

  /* Sizing-Scale */
  --bd-text-xs:   11px;
  --bd-text-sm:   12px;
  --bd-text-base: 14px;
  --bd-text-lg:   16px;
  --bd-text-xl:   20px;
  --bd-text-2xl:  26px;
  --bd-text-3xl:  32px;

  /* Radii */
  --bd-radius-sm:  6px;
  --bd-radius-md:  10px;
  --bd-radius-lg:  14px;
  --bd-radius-xl:  20px;
  --bd-radius-pill: 100px;

  /* Shadows */
  --bd-shadow-sm: 0 1px 2px rgba(0,0,0,0.04);
  --bd-shadow-md: 0 4px 12px rgba(0,0,0,0.08);
  --bd-shadow-lg: 0 12px 32px rgba(0,0,0,0.12);
  --bd-shadow-xl: 0 40px 80px rgba(0,0,0,0.25);

  /* Spacing-Scale (4px-Grid) */
  --bd-space-1: 4px;
  --bd-space-2: 8px;
  --bd-space-3: 12px;
  --bd-space-4: 16px;
  --bd-space-6: 24px;
  --bd-space-8: 32px;
}

/* ───── Utility-Klassen ───── */
.bd-mono    { font-family: var(--bd-font-mono); font-feature-settings: 'tnum'; }
.bd-display { font-family: var(--bd-font-display); letter-spacing: -0.02em; }
.bd-body    { font-family: var(--bd-font-body); }

/* Default Body-Reset (optional, App kann override-en) */
body {
  font-family: var(--bd-font-body);
  font-feature-settings: 'cv11', 'ss01', 'ss03';
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}