/* 
   Quantum AdVision Design System v6.3 (Zonda Aggression)
   File: 01_variables.css
*/

:root {
    /* --- LIGHT MODE: SILVER MONOLITH --- */
    --bg-body: #e0e0e0;
    
    /* Текстура: более явная, жесткая */
    --bg-carbon-texture: 
        repeating-linear-gradient(
            45deg,
            rgba(255, 255, 255, 0.8) 0px,
            rgba(255, 255, 255, 0.8) 1px,
            transparent 1px,
            transparent 3px
        ),
        linear-gradient(180deg, #d0d0d0 0%, #f0f0f0 100%);
    
    --surface-1: #ffffff;
    --surface-2: #f4f6f8;
    
    --border-color: rgba(0, 0, 0, 0.2); /* Жестче границы */
    
    /* ТЕНИ: ZONDA STYLE (Heavy, Deep, 50% Opacity) */
    --shadow-card: 
        0 15px 35px -5px rgba(0, 0, 0, 0.4), /* Глубокая тень */
        0 5px 10px -5px rgba(0, 0, 0, 0.2),  /* Ближняя тень */
        inset 0 1px 0 rgba(255, 255, 255, 1.0); /* Резкий блик сверху */

    --shadow-card-hover:
        0 30px 60px -10px rgba(0, 0, 0, 0.6), /* Очень глубокая при наведении */
        0 0 0 1px rgba(0, 191, 165, 0.5); /* Бирюзовая обводка (Focus) */

    --text-primary: #000000;
    --text-secondary: #333333;
    
    /* --- BRAND ACCENTS --- */
    --accent-primary: #00bfa5; 
    --accent-primary-gradient: linear-gradient(90deg, #00bfa5 0%, #00897b 100%);
    --accent-primary-rgb: 0, 191, 165;
    
    --accent-secondary: #2c3e50;
    --accent-secondary-rgb: 44, 62, 80;
    
    --status-success: #00796b;
    --status-danger: #d32f2f;
    --status-warning: #f57f17;
}

[data-theme="dark"] {
    /* --- DARK MODE: STEALTH BOMBER --- */
    --bg-body: #050a10;
    --bg-carbon-texture: 
        radial-gradient(circle at 50% 0%, rgba(0, 191, 165, 0.05) 0%, transparent 60%),
        repeating-linear-gradient(
            45deg,
            #080c11 0px,
            #080c11 2px,
            #0f141a 2px,
            #0f141a 4px
        );
    
    --surface-1: #111821; 
    --surface-2: #1a232e;
    
    --border-color: rgba(255, 255, 255, 0.15);
    
    /* ТЕНИ DARK: Свечение + Глубина */
    --shadow-card: 
        0 20px 40px -5px rgba(0, 0, 0, 0.8), 
        0 0 1px rgba(0, 191, 165, 0.3); 

    --shadow-card-hover:
        0 40px 80px -10px rgba(0, 0, 0, 1.0),
        0 0 20px rgba(0, 191, 165, 0.5);

    --text-primary: #ffffff;
    --text-secondary: #a0aec0;
    
    --accent-primary: #64ffda;
    --accent-primary-gradient: linear-gradient(90deg, #64ffda 0%, #00bfa5 100%);
    --accent-primary-rgb: 100, 255, 218;
    
    --accent-secondary: #455a64;
    
    --status-success: #00e676;
    --status-danger: #ff1744;
    --status-warning: #ffea00;
}

/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@500;600;700&family=Roboto:wght@400;500;700&family=JetBrains+Mono&display=swap');

:root {
    --font-heading: 'Rajdhani', sans-serif;
    --font-body: 'Roboto', sans-serif;
    --font-mono: 'JetBrains Mono', monospace;
}