/* VENDOR-KOPIE - NICHT VON HAND EDITIEREN.
 * Quelle:   @mira/design-tokens -> dist/tokens.css
 * Repo:     https://gitlab.emtec.de/emtec/business-intelligence/mira-design
 * Ref:      af54de04d3bd95bb40c6d7fc4fac422ec8d8e261
 * Stand:    übernommen 2026-10-06 aus der Vendor-Kopie in mira-portal
 *           (frontend/src/styles/tokens.css, gleicher Ref, Rumpf byte-gleich).
 *
 * Warum Kopie: der Image-Build soll ohne Netzzugriff auf gitlab.emtec.de
 * auskommen (wie mira-fm und mira-portal). Abgleich mit mira-design: Test
 * TestTokens_RumpfWieMiraPortal prüft den Rumpf gegen die Portal-Kopie, wenn
 * sie im Workspace liegt; ein eigener Drift-Check gegen mira-design kommt, wenn
 * die Tokens hier mehr als die Grundfarben tragen.
 */
/**
 * Mira-Design-Tokens — generiert aus tokens/tokens.json. NICHT von Hand editieren.
 * Quelle der emtec-Palette: mira/packages/design/src/themes/{default,dark}.css.
 * `:root` = Light + theme-invariante (static) Tokens; Dark-Block = nur themed-Overrides.
 */
:root {
  color-scheme: light;
  --color-primary: #1A56DB;
  --color-primary-hover: #1d4ed8;
  --color-primary-subtle: #EBF0FD;
  --color-primary-accent: #93B4F5;
  --color-secondary: #7c3aed;
  --color-background: #F0F3F8;
  --color-surface: #ffffff;
  --color-surface-elevated: #f1f5f9;
  --color-border: #e2e8f0;
  --color-border-subtle: #F8FAFC;
  --color-text-primary: #0F172A;
  --color-text-secondary: #475569;
  --color-text-muted: #94A3B8;
  --color-error: #B91C1C;
  --color-error-subtle: #FEE2E2;
  --color-success: #0E7A52;
  --color-ok: #0E7A52;
  --color-ok-subtle: #DCFCE7;
  --color-warning: #B45309;
  --color-warning-subtle: #FEF3C7;
  --color-backdrop: rgba(15, 23, 42, 0.4);
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.07);
  --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);
  --font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-display: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', monospace;
  --font-size-kpi-large: 44px;
  --font-size-kpi-small: 30px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 28px;
  --space-8: 32px;
}

[data-theme="dark"] {
  color-scheme: dark;
  --color-primary: #3b82f6;
  --color-primary-hover: #2563eb;
  --color-primary-subtle: #1e3a5f;
  --color-primary-accent: #60a5fa;
  --color-secondary: #8b5cf6;
  --color-background: #0f172a;
  --color-surface: #1e293b;
  --color-surface-elevated: #334155;
  --color-border: #334155;
  --color-border-subtle: #1e293b;
  --color-text-primary: #f1f5f9;
  --color-text-secondary: #94a3b8;
  --color-text-muted: #64748b;
  --color-error: #ef4444;
  --color-error-subtle: #450a0a;
  --color-success: #22c55e;
  --color-ok: #22c55e;
  --color-ok-subtle: #052e16;
  --color-warning: #f59e0b;
  --color-warning-subtle: #451a03;
  --color-backdrop: rgba(0, 0, 0, 0.6);
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.5);
}