/*
   Quantum AdVision Design System v6.6 (Final Transparency)
   File: 01_variables.css
*/

:root {
    /* --- LIGHT MODE: SILVER FIBER --- */
    --bg-body: #e3e6e8;
    
    /* Текстура: Светлая, техничная */
    --bg-carbon-texture: 
        radial-gradient(circle at 0% 0%, rgba(255,255,255,0.8), transparent 80%),
        repeating-linear-gradient(45deg, rgba(0,0,0,0.03) 0px, rgba(0,0,0,0.03) 1px, transparent 1px, transparent 4px),
        linear-gradient(135deg, #f0f2f5 0%, #dbe0e6 100%);

    /* GLASS LEVEL: ULTRA (5% белого, остальное прозрачность) */
    --bg-sidebar: rgba(255, 255, 255, 0.05);

    --surface-1: #ffffff;
    --surface-2: #f7f9fa;

    --border-color: rgba(0, 0, 0, 0.1);

    --shadow-card: 0 10px 30px -5px rgba(100, 110, 120, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.9);
    --shadow-card-hover: 0 20px 50px -10px rgba(80, 90, 100, 0.3), 0 0 0 1px rgba(0, 191, 165, 0.4);

    --text-primary: #1a1a1a;
    --text-secondary: #4a5568;

    --accent-primary: #00bfa5;
    --accent-primary-gradient: linear-gradient(90deg, #00bfa5 0%, #00897b 100%);
    --accent-primary-rgb: 0, 191, 165;

    --status-success: #00796b;
    --status-danger: #d32f2f;
    --status-warning: #f57f17;
}

[data-theme="dark"] {
    /* --- DARK MODE: STEALTH CARBON --- */
    --bg-body: #050608;

    /* Текстура: Глубокая, карбоновое плетение */
    --bg-carbon-texture:
        radial-gradient(circle at 50% -20%, rgba(100, 255, 218, 0.05) 0%, transparent 60%),
        repeating-linear-gradient(45deg, rgba(255,255,255,0.04) 0px, rgba(255,255,255,0.04) 1px, transparent 1px, transparent 6px),
        linear-gradient(to bottom, #0b0e12, #050608);

    /* GLASS LEVEL: DARK TINT (20% черного, остальное прозрачность) */
    --bg-sidebar: rgba(0, 0, 0, 0.20);

    --surface-1: #151921;
    --surface-2: #1e242e;

    --border-color: rgba(255, 255, 255, 0.1);

    --shadow-card: 0 20px 50px -10px rgba(0, 0, 0, 0.8), inset 0 1px 0 rgba(255, 255, 255, 0.05);
    --shadow-card-hover: 0 40px 80px -10px rgba(0, 0, 0, 1.0), 0 0 15px rgba(100, 255, 218, 0.2);

    --text-primary: #f0f0f0;
    --text-secondary: #94a3b8;

    --accent-primary: #64ffda;
    --accent-primary-gradient: linear-gradient(90deg, #64ffda 0%, #00bfa5 100%);
    --accent-primary-rgb: 100, 255, 218;

    --status-success: #00e676;
    --status-danger: #ff1744;
    --status-warning: #ffea00;
}

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

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