/* ============================================================================
   Téma: Deep Dark (Prémium Sötét Téma)
   Fájl: miniweb/templates/modern_glow/theme-dark.css
   Leírás: Luxus fekete és mélyszürke tónusok, erős üveghatások és 
   brutális neon-jellegű 3D vetett árnyékok.
============================================================================ */

:root {
    /* Hátterek */
    --bg-body: #050505;       /* Szinte tökéletes fekete, de van benne egy kis elegancia */
    --bg-section: #0a0a0a;    
    --bg-card: #121212;       /* Sötétszürke kártyák, hogy kitűnjenek a feketéből */
    --bg-input: #0a0a0a;      
    --bg-deepest: #000000;    
    
    /* Áttetsző rétegek (Glassmorphism) */
    --bg-glass: rgba(18, 18, 18, 0.7);         /* Sötét tejüveg */
    --bg-glass-dark: rgba(18, 18, 18, 0.95);   
    --bg-light-glass: rgba(255, 255, 255, 0.05); 
    --overlay-bg: rgba(0, 0, 0, 0.85);
    
    /* Szövegszínek */
    --text-light: #ffffff;
    --text-main: #e0e0e0;
    --text-muted: #888888;
    --text-darker: #444444;
    --btn-text-hover: #000000; 
    
    /* Szegélyek (Borders) - Finom, de határozott élkiemelések */
    --border-color: rgba(255, 255, 255, 0.12);
    --border-light: rgba(255, 255, 255, 0.06);
    --border-subtle: rgba(255, 255, 255, 0.03);
    
    /* Árnyékok */
    --shadow-light: 0 4px 6px -1px rgba(0, 0, 0, 0.5), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
    --shadow-base: 0 10px 15px -3px rgba(0, 0, 0, 0.8), 0 4px 6px -2px rgba(0, 0, 0, 0.5);
    --shadow-heavy: 0 25px 50px -12px rgba(0, 0, 0, 1);
    
    /* Navigáció */
    --bg-nav: rgba(10, 10, 10, 0.95);
    
    /* Mintázat színe */
    --pattern-color: rgba(255, 255, 255, 0.03);

    /* --- Glassmorphism specifikus változók a sötét témához --- */
    --glass-bg: rgba(18, 18, 18, 0.65); 
    --glass-border: rgba(255, 255, 255, 0.08); /* Finom fényes perem a feketén */
    /* Zseniális 3D hatás: Erős fekete vetett árnyék + belső finom peremfény */
    --glass-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.8), inset 0 1px 0 rgba(255, 255, 255, 0.05), inset 0 -1px 0 rgba(0, 0, 0, 0.5); 
    
    /* Lebegő fénygömbök - Élénk neon színek a feketén */
    --orb-1-color: rgba(14, 165, 233, 0.15); 
    --orb-2-color: rgba(139, 92, 246, 0.15); 
}

/* ============================================================================
   KIEGÉSZÍTŐ STÍLUSOK (CSAK A SÖTÉT TÉMÁHOZ)
============================================================================ */
/* A naptár ikon invertálása fehérre */
.form-group input[type="date"]::-webkit-calendar-picker-indicator {
    filter: invert(1);
    opacity: 0.7;
}

/* Input mélység (Be van nyomva a felületbe) */
.form-group input, .form-group select, #contact-form input, #contact-form textarea {
    box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.8), 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

/* Felső Navigáció és Lábléc határozott elválasztása */
.mw-nav::before {
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.8), 0 1px 0 rgba(255, 255, 255, 0.03) !important;
}
.mw-footer {
    background: linear-gradient(to bottom, #0a0a0a 0%, #000000 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03), 0 -10px 40px rgba(0, 0, 0, 0.5) !important;
}