/* =====================================================================
   mitfitINTELLIGENCE — Konsolen-Branding (überschreibt die Design-Tokens)
   Abgeleitet aus dem mitfitIntelligence Brand-Guide.
   ===================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

:root {
  /* ---------- Markenfarbe (Blau) ---------- */
  --sim-blue:        #2F80F0;
  --sim-blue-bright: #7FB4FF;
  --sim-blue-deep:   #2569C8;
  --sim-blue-ink:    #08192E;
  --sim-violet:      #4F9CF5;   /* im Blau-Spektrum gehalten (keine Fremdfarben) */
  --sim-magenta:     #7FB4FF;
  --fg-on-blue:      #FFFFFF;   /* weißer Text auf dem Akzentblau */
  --sim-grad: linear-gradient(95deg, #2F80F0 0%, #7FB4FF 100%);

  /* ---------- Hintergründe / Flächen (Schwarz-Canvas) ---------- */
  --bg-0: #000000;
  --bg-1: #060809;
  --bg-2: #0B0D10;
  --surface-1: #0B0D10;
  --surface-2: #121419;
  --surface-3: #171B21;

  /* ---------- Linien ---------- */
  --line-1: rgba(255,255,255,0.06);
  --line-2: rgba(255,255,255,0.11);
  --line-blue: rgba(47,128,240,0.50);

  /* ---------- Text ---------- */
  --fg-1: #FFFFFF;
  --fg-2: #B6BCC6;
  --fg-3: #6B7280;

  /* ---------- Status (funktionale UI-Semantik) ---------- */
  --ok: #3fb950; --warn: #F2994A; --danger: #F0553D;

  /* ---------- Schrift ---------- */
  --font-display: 'Inter', 'Helvetica Neue', Arial, system-ui, sans-serif;
  --font-body:    'Inter', 'Helvetica Neue', Arial, system-ui, sans-serif;
  --font-mono:    'Cascadia Code', 'SFMono-Regular', ui-monospace, monospace;

  /* ---------- Radien (Mitfit: tile 14 / box 16 / card 24) ---------- */
  --r-sm: 10px; --r-md: 14px; --r-lg: 16px; --r-xl: 24px; --r-pill: 999px;

  /* ---------- Elevation / Glow (blau) ---------- */
  --shadow-card: 0 1px 0 rgba(255,255,255,0.04) inset, 0 24px 48px -28px rgba(0,0,0,0.85);
  --shadow-pop:  0 1px 0 rgba(255,255,255,0.05) inset, 0 32px 64px -24px rgba(0,0,0,0.9);
  --glow-blue:   0 0 0 1px rgba(47,128,240,0.25), 0 12px 40px -8px rgba(47,128,240,0.45);
  --glow-soft:   0 0 60px -10px rgba(47,128,240,0.35);

  /* ---------- Motion ---------- */
  --ease: cubic-bezier(0.22, 1, 0.36, 1); --dur-fast: 140ms; --dur: 240ms; --dur-slow: 420ms;
}