/* CSS Variables for innobu.com/en */
:root {
    /* Colors */
    --color-primary: #40c0f0;
    --color-secondary: #00b2a9;
    --color-text: #ffffff;
    --color-text-light: #cccccc;
    --color-text-highlight: #89cff0;
    
    /* Background Colors */
    --bg-dark: #0a1625;
    --bg-medium: #1a2844;
    --bg-light: #0d1b2a;
    
    /* Gradients */
    --gradient-body: linear-gradient(135deg, var(--bg-dark) 0%, var(--bg-medium) 50%, var(--bg-light) 100%);
    --gradient-card: linear-gradient(135deg, rgba(26, 40, 68, 0.8) 0%, rgba(13, 27, 42, 0.9) 100%);
    --gradient-header: linear-gradient(135deg, rgba(26, 40, 68, 0.9), rgba(13, 27, 42, 0.9));
    --gradient-button: linear-gradient(135deg, var(--color-secondary), #0291BA);
    
    /* Shadows */
    --shadow-small: 0 8px 32px rgba(0, 0, 0, 0.3);
    --shadow-medium: 0 12px 40px rgba(0, 0, 0, 0.4);
    --shadow-large: 0 15px 50px rgba(0, 0, 0, 0.4);
    --shadow-glow-primary: 0 0 20px rgba(64, 192, 240, 0.3);
    --shadow-glow-secondary: 0 0 20px rgba(0, 178, 169, 0.3);
    
    /* Spacing */
    --spacing-xs: 5px;
    --spacing-sm: 10px;
    --spacing-md: 20px;
    --spacing-lg: 40px;
    --spacing-xl: 60px;
    
    /* Border-Radius */
    --radius-sm: 10px;
    --radius-md: 15px;
    --radius-lg: 20px;
    
    /* Schriftgrößen */
    --font-size-xs: 0.85rem;
    --font-size-sm: 0.9rem;
    --font-size-base: 1rem;
    --font-size-md: 1.1rem;
    --font-size-lg: 1.3rem;
    --font-size-xl: 1.4rem;
    --font-size-2xl: 1.8rem;
    --font-size-3xl: 2rem;
    --font-size-4xl: 2.5rem;
    --font-size-5xl: 3.5rem;
    
    /* Container-Breiten */
    --container-width: 1400px;
    --article-container-width: 1200px;
}