/**
 * TycoSim v0.5 - Design Tokens (Unified)
 * Zentrale Variablen für Farben, Spacing, Radius, Shadow, Typography
 * 
 * T-0301: Konsolidiert aus tokens.css + firm-v2.css
 * Beide Namenskonventionen werden unterstützt für sanfte Migration:
 * - Legacy: --bg, --surface, --accent, --space-1
 * - Corp:   --corp-bg, --corp-surface, --corp-primary, --corp-space-xs
 */

:root {
    /* ========================================================================
       COLORS - Legacy Names (v0.3)
       ======================================================================== */
    --bg: #0b0f17;
    --surface: #111a28;
    --surface-2: #162235;
    --surface-3: #1c2a41;
    --text: #e6edf7;
    --muted: #b8c3d7;
    --border: rgba(255, 255, 255, 0.08);
    --accent: #4f8cff;
    --success: #2fd27a;
    --warning: #f5a524;
    --danger: #ff4d4f;

    /* ========================================================================
       COLORS - Corp Names (v0.5) - Preferred
       ======================================================================== */
    --corp-bg: #0f1419;
    --corp-surface: #1c2128;
    --corp-surface-2: #272d36;
    --corp-surface-3: #323a45;
    --corp-border: #373e47;
    --corp-border-light: #444c56;

    --corp-text: #f0f3f6;
    --corp-text-secondary: #c9d1d9;
    --corp-text-muted: #8b949e;

    --corp-primary: #2f81f7;
    --corp-primary-hover: #58a6ff;
    --corp-success: #3fb950;
    --corp-success-muted: #238636;
    --corp-warning: #d29922;
    --corp-danger: #f85149;
    --corp-danger-muted: #da3633;

    /* ========================================================================
       SPACING - Legacy (4px grid)
       ======================================================================== */
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 24px;
    --space-6: 32px;
    --space-7: 48px;

    /* ========================================================================
       SPACING - Corp Names
       ======================================================================== */
    --corp-space-xs: 4px;
    --corp-space-sm: 8px;
    --corp-space-md: 16px;
    --corp-space-lg: 24px;
    --corp-space-xl: 32px;
    --corp-space-2xl: 48px;

    /* ========================================================================
       BORDER RADIUS
       ======================================================================== */
    --radius-1: 8px;
    --radius-2: 12px;
    --radius-3: 16px;

    --corp-radius-sm: 6px;
    --corp-radius-md: 8px;
    --corp-radius-lg: 12px;

    /* ========================================================================
       SHADOWS
       ======================================================================== */
    --shadow-1: 0 2px 4px rgba(0, 0, 0, 0.2);
    --shadow-2: 0 4px 8px rgba(0, 0, 0, 0.3);
    --shadow-3: 0 8px 16px rgba(0, 0, 0, 0.4);

    --corp-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
    --corp-shadow-md: 0 4px 8px rgba(0, 0, 0, 0.25);
    --corp-shadow-lg: 0 8px 16px rgba(0, 0, 0, 0.3);

    /* ========================================================================
       TYPOGRAPHY
       ======================================================================== */
    --font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;

    --corp-font: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif;
    --corp-font-mono: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace;

    /* Font Sizes - Legacy */
    --font-size-sm: 12px;
    --font-size-base: 14px;
    --font-size-md: 16px;
    --font-size-lg: 20px;
    --font-size-xl: 24px;

    /* Font Sizes - Corp */
    --corp-text-xs: 11px;
    --corp-text-sm: 12px;
    --corp-text-base: 14px;
    --corp-text-lg: 16px;
    --corp-text-xl: 20px;
    --corp-text-2xl: 24px;
    --corp-text-3xl: 32px;

    /* Line Heights */
    --line-height-tight: 1.2;
    --line-height-normal: 1.5;
    --line-height-relaxed: 1.75;

    /* ========================================================================
       LAYOUT DIMENSIONS
       ======================================================================== */
    --corp-header-height: 64px;
    --corp-sidebar-width: 240px;
    --corp-bottom-nav-height: 60px;
}