/* ============================================
   LA MIDNIGHT - DESIGN TOKENS & SETTINGS

   Alle CSS Custom Properties an einem Ort.
   Wird als erstes Stylesheet geladen.
   ============================================ */

:root {
    /* --- Typografie --- */
    --font-display: 'Bebas Neue', Impact, sans-serif;
    --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-mono: 'Space Mono', 'Courier New', monospace;

    /* --- Farben: Dark Theme (Default) --- */
    --bg: #050505;
    --bg-alt: #0a0a0a;
    --bg-card: #0f0f0f;
    --bg-input: #111111;
    --text: #e5e5e5;
    --text-dim: #555;
    --text-dark: #2a2a2a;
    --text-muted: #888888;
    --accent: #ff4422;
    --accent-dim: rgba(255, 68, 34, 0.3);
    --accent-hover: #ff6644;
    --border: #1a1a1a;
    --border-light: #2a2a2a;

    /* --- Status-Farben --- */
    --success: #4ade80;
    --success-bg: rgba(74, 222, 128, 0.1);
    --warning: #fbbf24;
    --warning-bg: rgba(251, 191, 36, 0.1);
    --error: #ef4444;
    --error-bg: rgba(239, 68, 68, 0.1);
    --info: #3b82f6;
    --info-bg: rgba(59, 130, 246, 0.1);

    /* --- Spacing-Skala --- */
    --space-xs: 0.25rem;   /* 4px */
    --space-sm: 0.5rem;    /* 8px */
    --space-md: 1rem;      /* 16px */
    --space-lg: 1.5rem;    /* 24px */
    --space-xl: 2rem;      /* 32px */
    --space-2xl: 3rem;     /* 48px */
    --space-3xl: 4rem;     /* 64px */

    /* --- Layout --- */
    --content-max: 1400px;
    --sidebar-width: 60px;
    --main-padding-left: 7rem;
    --main-padding-right: 6rem;

    /* --- Effekte --- */
    --shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
    --ease: cubic-bezier(0.16, 1, 0.3, 1);
    --transition: all 0.3s var(--ease);
}

/* --- Farben: Light Theme --- */
[data-theme="light"] {
    --bg: #f5f5f0;
    --bg-alt: #eaeae5;
    --bg-card: #ffffff;
    --bg-input: #fafafa;
    --text: #1a1a1a;
    --text-dim: #666;
    --text-dark: #bbb;
    --text-muted: #999999;
    --border: #dddddd;
    --border-light: #cccccc;
    --shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}