/* =====================================================================
   SecData — Konsolen-Branding (überschreibt die Design-Tokens)
   Abgeleitet aus dem SecData Design System (skills/creative/secdata-design):
   Markenrot #de272b sparsam als Akzent, Navy #0a2540 für Überschriften und
   dunkle Flächen, helle navy-getönte Flächen, Sofia Sans, eckige Buttons.
   ===================================================================== */

/* Sofia Sans — selbst gehostet (woff2 im Branding-Ordner, DSGVO-freundlich) */
@font-face {
  font-family: 'Sofia Sans'; font-style: normal; font-weight: 200; font-display: swap;
  src: url('/branding/sofia-sans-v20-latin-200.woff2') format('woff2');
}
@font-face {
  font-family: 'Sofia Sans'; font-style: normal; font-weight: 400; font-display: swap;
  src: url('/branding/sofia-sans-v20-latin-regular.woff2') format('woff2');
}
@font-face {
  font-family: 'Sofia Sans'; font-style: normal; font-weight: 700; font-display: swap;
  src: url('/branding/sofia-sans-v20-latin-700.woff2') format('woff2');
}

:root {
  /* ---------- MARKENFARBE: SecData-Rot ---------- */
  --sim-blue:        #de272b;   /* Primär (Buttons, aktive Nav, Links) */
  --sim-blue-bright: #b51e22;   /* Akzent-Text/Hover auf hellem Grund */
  --sim-blue-deep:   #9a191d;   /* gedrückt / Hover auf Primär-Buttons */
  --sim-blue-ink:    #0a2540;   /* sehr dunkle Variante = Marken-Navy */
  --sim-violet:      #01b4ec;   /* Sekundär-Akzent: SecData-Hellblau */
  --sim-magenta:     #0a2540;   /* Tertiär-Akzent: Navy */
  --fg-on-blue:      #FFFFFF;
  /* Logo-Kachel/Login-Bühne: Marken-Navy (Rot bleibt sparsamer Akzent,
     die weiße Wortmarke liegt auf Navy wie im SecData-Footer). */
  --sim-grad: linear-gradient(135deg, #081c33 0%, #0a2540 55%, #143a5c 100%);

  /* ---------- HINTERGRÜNDE / FLÄCHEN (helles Schema, navy-getönt) ---------- */
  --bg-0: #e9edf3;
  --bg-1: #f0f3f8;      /* SecData Kontrast-Grau (CTA-Band) */
  --bg-2: #f7f9fc;      /* SecData Light */
  --surface-1: #FFFFFF;
  --surface-2: #f3f5f8;
  --surface-3: #e9edf3;

  /* ---------- LINIEN (navy-getönt, Akzentlinie in Markenrot) ---------- */
  --line-1: rgba(10, 37, 64, 0.09);
  --line-2: rgba(10, 37, 64, 0.17);
  --line-blue: rgba(222, 39, 43, 0.40);

  /* ---------- TEXT (Navy-Überschriften wie im CD) ---------- */
  --fg-1: #0a2540;
  --fg-2: #3d4f61;
  --fg-3: #6e7f8f;

  /* ---------- STATUS ---------- */
  --ok: #2E9E5B;
  --warn: #B7791F;
  --danger: #b51e22;

  /* ---------- SCHRIFT: Sofia Sans (einzige Marken-Schrift) ---------- */
  --font-display: 'Sofia Sans', 'Segoe UI', system-ui, sans-serif;
  --font-body:    'Sofia Sans', 'Segoe UI', system-ui, sans-serif;
  --font-mono:    'Cascadia Code', 'SFMono-Regular', ui-monospace, monospace;

  /* ---------- RADIEN: Buttons bewusst eckig (4px), Karten weich ---------- */
  --r-sm: 4px; --r-md: 10px; --r-lg: 14px; --r-xl: 16px; --r-pill: 999px;

  /* ---------- ELEVATION (navy-getönte Schatten, nie grau-schwarz) ---------- */
  --shadow-card: 0 1px 2px rgba(10, 37, 64, 0.05), 0 10px 40px -12px rgba(10, 37, 64, 0.16);
  --shadow-pop:  0 28px 64px -24px rgba(10, 37, 64, 0.30);
  --glow-blue:   0 0 0 1px rgba(222, 39, 43, 0.25), 0 6px 16px -6px rgba(222, 39, 43, 0.35);
  --glow-soft:   0 0 40px -12px rgba(222, 39, 43, 0.25);

  /* ---------- MOTION (SecData: expo-out) ---------- */
  --ease: cubic-bezier(0.22, 1, 0.36, 1); --dur-fast: 140ms; --dur: 250ms; --dur-slow: 420ms;

  --color-scheme: light;
}