/**
 * CSS Custom Properties - FIXED
 * 
 * @package Tanzspiegel
 */

:root {
    /* Colors */
    --ts-black: #0a0a0a;
    --ts-dark: #0f0f0f;
    --ts-dark-secondary: #1a1a1a;
    --ts-dark-tertiary: #252525;
    --ts-silver: #b8b8b8;
    --ts-silver-light: #e8e8e8;
    --ts-white: #ffffff;
    --ts-accent: #e84393;
    --ts-accent-hover: #ff5cab;
    --ts-accent-glow: rgba(232, 67, 147, 0.25);
    --ts-purple: #8b7bc7;
    --ts-purple-light: #a99fd4;
    --ts-success: #22c55e;
    --ts-error: #ef4444;
    
    /* Glassmorphism - Simplified */
    --ts-glass-bg: rgba(26, 26, 26, 0.7);
    --ts-glass-border: rgba(255, 255, 255, 0.08);
    --ts-glass-blur: blur(20px);
    
    /* Gradients */
    --ts-gradient-mirror: linear-gradient(135deg, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,0.03) 100%);
    --ts-gradient-silver: linear-gradient(180deg, #e8e8e8 0%, #c0c0c0 50%, #a8a8a8 100%);
    --ts-gradient-accent: linear-gradient(135deg, #e84393 0%, #ff5cab 100%);
    --ts-gradient-accent-reverse: linear-gradient(135deg, #ff5cab 0%, #e84393 100%);
    
    /* Typography */
    --ts-font-display: 'Cormorant Garamond', Georgia, serif;
    --ts-font-body: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --ts-font-mono: 'JetBrains Mono', 'Courier New', monospace;
    
    /* Spacing Scale */
    --ts-space-xs: 0.25rem;
    --ts-space-sm: 0.5rem;
    --ts-space-md: 1rem;
    --ts-space-lg: 1.5rem;
    --ts-space-xl: 2rem;
    --ts-space-2xl: 3rem;
    --ts-space-3xl: 4rem;
    --ts-space-4xl: 6rem;
    
    /* Border Radius */
    --ts-radius-sm: 6px;
    --ts-radius-md: 12px;
    --ts-radius-lg: 20px;
    --ts-radius-xl: 28px;
    --ts-radius-full: 9999px;
    
    /* Shadows */
    --ts-shadow-sm: 0 2px 12px rgba(0,0,0,0.3);
    --ts-shadow-md: 0 8px 24px rgba(0,0,0,0.4), 0 2px 8px rgba(0,0,0,0.2);
    --ts-shadow-lg: 0 16px 48px rgba(0,0,0,0.5), 0 4px 16px rgba(0,0,0,0.3);
    --ts-shadow-xl: 0 24px 64px rgba(0,0,0,0.6), 0 8px 24px rgba(0,0,0,0.4);
    --ts-shadow-glow: 0 0 40px var(--ts-accent-glow), 0 0 20px var(--ts-accent-glow);
    --ts-shadow-inner: inset 0 2px 8px rgba(0,0,0,0.3);
    
    /* Transitions */
    --ts-transition-fast: 200ms cubic-bezier(0.4, 0, 0.2, 1);
    --ts-transition-base: 350ms cubic-bezier(0.4, 0, 0.2, 1);
    --ts-transition-slow: 600ms cubic-bezier(0.4, 0, 0.2, 1);
    --ts-transition-bounce: 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
    
    /* Layout */
    --ts-max-width: 1400px;
    --ts-header-height: 90px;
    --ts-admin-bar-height: 0px;
}

/* Admin bar */
.admin-bar {
    --ts-admin-bar-height: 32px;
}

@media screen and (max-width: 782px) {
    .admin-bar {
        --ts-admin-bar-height: 46px;
    }
}