/**
 * TycoSim v0.3 - Design Tokens
 * Zentrale Variablen für Farben, Spacing, Radius, Shadow, Typography
 * Basierend auf Tickets_V0.3.md Decision Log (Zeilen 461-463)
 */

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

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

    /* Border Radius */
    --radius-1: 8px;
    --radius-2: 12px;
    --radius-3: 16px;

    /* 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);

    /* Typography - System Font Stack */
    --font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
    
    /* Font Sizes */
    --font-size-sm: 12px;
    --font-size-base: 14px;
    --font-size-md: 16px;
    --font-size-lg: 20px;
    --font-size-xl: 24px;

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