/* ============================================
   LEDСоюз — Design Tokens
   Glassmorphism Edition
   ============================================ */

:root {
    /* ── Brand Colors (Apple Pro palette) ── */
    --color-blue: #007AFF;
    --color-blue-dark: #0056B3;
    --color-blue-light: #59A5FF;
    --color-cyan: #32ADE6;
    --color-lime: #34C759;
    --color-lime-dark: #248A3D;
    --color-lime-light: #8CE1A3;
    --color-orange: #FF9500;
    --color-orange-dark: #B26800;
    --color-orange-light: #FFB340;
    --color-pink: #FF2D55;
    --color-purple: #AF52DE;
    --color-magenta: #FF375F;

    /* ── Dark Theme Backgrounds (iOS Dark) ── */
    --bg-primary: #000000;
    --bg-secondary: #0A0A0C;
    --bg-tertiary: #1C1C1E;
    
    /* ── Glassmorphism System Tokens (dark) ── */
    /* Backgrounds */
    --glass-bg-light: rgba(255, 255, 255, 0.04);
    --glass-bg:       rgba(255, 255, 255, 0.08);
    --glass-bg-heavy: rgba(255, 255, 255, 0.14);

    /* Blur */
    --glass-blur-light:  blur(8px);
    --glass-blur:        blur(20px) saturate(180%);
    --glass-blur-strong: blur(36px) saturate(200%);

    /* Border */
    --glass-border:       1px solid rgba(255, 255, 255, 0.10);
    --glass-border-hover: 1px solid rgba(255, 255, 255, 0.22);
    --glass-border-glow:  1px solid rgba(0, 191, 255, 0.35);

    /* Radius */
    --glass-radius:    16px;
    --glass-radius-lg: 24px;
    --glass-radius-xl: 32px;

    /* Shadow */
    --glass-shadow:          0 8px 32px rgba(0, 0, 0, 0.45),
                             inset 0 1px 0 rgba(255, 255, 255, 0.06);
    --glass-shadow-elevated: 0 16px 60px rgba(0, 0, 0, 0.6),
                             inset 0 1px 0 rgba(255, 255, 255, 0.10);
    --glass-shadow-colored:  0 12px 48px rgba(0, 122, 255, 0.20),
                             0 4px 16px rgba(0, 0, 0, 0.4);

    /* Accent */
    --glass-accent: var(--color-blue);

    /* Legacy aliases for backward-compat */
    --bg-card:      var(--glass-bg);
    --bg-card-hover: var(--glass-bg-heavy);
    --bg-card-solid: #1C1C1E;
    --bg-elevated:   rgba(44, 44, 46, 0.85);
    --bg-overlay:    rgba(0, 0, 0, 0.55);
    --bg-blur:       var(--glass-blur);

    /* ── Text Colors ── */
    --text-primary: #FFFFFF;
    --text-secondary: rgba(235, 235, 245, 0.6);
    --text-muted: rgba(235, 235, 245, 0.3);
    --text-accent: var(--color-blue);

    /* ── Lighting & Shadows (iOS depth) ── */
    --glow-blue: 0 8px 32px rgba(0, 122, 255, 0.24);
    --glow-blue-strong: 0 12px 48px rgba(0, 122, 255, 0.36);
    --glow-pink: 0 8px 32px rgba(255, 45, 85, 0.24);
    --glow-orange: 0 8px 32px rgba(255, 149, 0, 0.24);
    --glow-purple: 0 8px 32px rgba(175, 82, 222, 0.24);
    --glow-lime: 0 8px 32px rgba(52, 199, 89, 0.24);
    --glow-card: 0 16px 48px rgba(0, 0, 0, 0.6);
    --glow-neon: 0 8px 24px rgba(50, 173, 230, 0.2);

    /* ── Gradients ── */
    --gradient-brand:         linear-gradient(135deg, #007AFF, #59A5FF);
    --gradient-brand-hover:   linear-gradient(135deg, #0056B3, #007AFF);
    --gradient-brand-text:    linear-gradient(135deg, #32ADE6, #AF52DE);
    --gradient-dark:          linear-gradient(180deg, #000000 0%, #0A0A0C 100%);
    --gradient-hero:          linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
    --gradient-card:          linear-gradient(145deg, rgba(255,255,255,0.07), rgba(255,255,255,0.02));
    --gradient-border:        linear-gradient(135deg, rgba(255,255,255,0.20), rgba(255,255,255,0.0));
    --gradient-border-subtle: linear-gradient(135deg, rgba(255,255,255,0.10), rgba(255,255,255,0.0));
    /* Glass shimmer — diagonal top-left highlight */
    --gradient-glass-shine:   linear-gradient(135deg, rgba(255,255,255,0.12) 0%, rgba(255,255,255,0.0) 60%);

    /* ── Typography ── */
    --font-primary: 'Inter', -apple-system, BlinkMacSystemFont, 'SF Pro Display', sans-serif;
    --font-display: 'Inter', -apple-system, BlinkMacSystemFont, 'SF Pro Display', sans-serif;

    --fs-hero: clamp(2.5rem, 5vw, 4.5rem);
    --fs-h1: clamp(2rem, 4vw, 3.5rem);
    --fs-h2: clamp(1.75rem, 3vw, 2.5rem);
    --fs-h3: clamp(1.25rem, 2vw, 1.75rem);
    --fs-h4: clamp(1.1rem, 1.5vw, 1.35rem);
    --fs-body: 1.0625rem;
    --fs-body-lg: 1.1875rem;
    --fs-small: 0.9375rem;
    --fs-xs: 0.8125rem;

    --lh-tight: 1.15;
    --lh-heading: 1.25;
    --lh-body: 1.5;

    --fw-regular: 400;
    --fw-medium: 500;
    --fw-semibold: 600;
    --fw-bold: 700;
    --fw-extrabold: 800;

    /* ── Spacing ── */
    --space-xs: 0.25rem;
    --space-sm: 0.5rem;
    --space-md: 1rem;
    --space-lg: 1.625rem;
    --space-xl: 2.5rem;
    --space-2xl: 3.5rem;
    --space-3xl: 5rem;
    --space-4xl: 7rem;
    --space-5xl: 10rem;

    /* ── Layout ── */
    --container-max: 1200px;
    --container-wide: 1440px;
    --container-padding: clamp(1.5rem, 5vw, 2.5rem);
    --header-height: 80px;
    --section-padding: clamp(4rem, 10vw, 8rem);

    /* ── Border Radius (Apple Squircles) ── */
    --radius-sm: 12px;
    --radius-md: 16px;
    --radius-lg: 24px;
    --radius-xl: 32px;
    --radius-full: 50%;
    --radius-pill: 999px;

    /* ── Borders ── */
    --border-subtle: 1px solid rgba(255, 255, 255, 0.08);
    --border-card: 1px solid rgba(255, 255, 255, 0.12);
    --border-hover: 1px solid rgba(255, 255, 255, 0.25);
    --border-input: 1px solid rgba(255, 255, 255, 0.15);
    --border-input-focus: 1px solid var(--color-blue);

    /* ── Shadows ── */
    --shadow-sm: 0 4px 14px rgba(0, 0, 0, 0.2);
    --shadow-md: 0 12px 32px rgba(0, 0, 0, 0.35);
    --shadow-lg: 0 24px 64px rgba(0, 0, 0, 0.5);
    --shadow-xl: 0 32px 80px rgba(0, 0, 0, 0.6);

    /* ── Transitions ── */
    --transition-fast: 250ms cubic-bezier(0.2, 0.8, 0.2, 1);
    --transition-base: 450ms cubic-bezier(0.2, 0.8, 0.2, 1);
    --transition-slow: 700ms cubic-bezier(0.2, 0.8, 0.2, 1);
    --transition-spring: 600ms cubic-bezier(0.25, 1, 0.3, 1);

    /* ── Z-index ── */
    --z-base: 1;
    --z-header: 100;
    --z-overlay: 200;
    --z-popup: 300;
    --z-tooltip: 400;
}