/* ===============================
  MODERN DESIGN SYSTEM - TECHOÁZIS
================================*/
:root {
    /* 🌈 FŐ SZÍNEK - Tech Oázis hangulat */
    --primary-900: #0a192f;       /* Mély éjfekete-kék */
    --primary-700: #1a365d;       /* Sötét tech kék */
    --primary-500: #2d5aa0;       /* Vibráns kék */
    --primary-300: #64a1f4;       /* Világos akcent kék */
    --primary-100: #e8f2ff;       /* Nagyon világos kék */
    
    /* 🍊 AKCENT SZÍNEK - Oázis élettel */
    --accent-600: #ff6b35;        /* Narancs - fő akcent */
    --accent-400: #ff9e6d;        /* Világosabb narancs */
    --accent-200: #ffd8c2;        /* Pasztell narancs */
    
    /* 🌵 SEMLEGES SZÍNEK */
    --neutral-900: #1a202c;       /* Majdnem fekete */
    --neutral-700: #4a5568;       /* Sötét szürke */
    --neutral-500: #a0aec0;       /* Közepes szürke */
    --neutral-300: #e2e8f0;       /* Világos szürke */
    --neutral-100: #f7fafc;       /* Nagyon világos szürke */
    
    /* ✅ FUNKCIONÁLIS SZÍNEK */
    --success: #10b981;           /* Zöld */
    --warning: #f59e0b;           /* Sárga */
    --danger: #ef4444;            /* Piros */
    --info: #3b82f6;              /* Info kék */

    --admin-primary: #0a192f;
    --admin-secondary: #1a365d;
    
    /* 🎨 ALAPVETŐ VÁLTOZÓK */
    --text-color: var(--neutral-900);
    --text-light: var(--neutral-700);
    --text-light-o: #cbd5e1;
    --item-name-text: var(--primary-700);
    --background: var(--neutral-100);
    --surface: white;
    --border-color: var(--neutral-300);
    --background-image: url('../images/desert_evening.jpeg') left/cover;
    
    /* 📐 ÁRNYÉKOK */
    --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
    --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.15);
    
    /* 🔄 ÁTMENETEK */
    --transition-fast: 150ms ease;
    --transition-normal: 300ms ease;
    --transition-slow: 500ms ease;
    
    /* 📱 KÉPERNYŐMÉRETEK */
    --navbar-height: 70px;
    --border-radius-sm: 8px;
    --border-radius-md: 12px;
    --border-radius-lg: 20px;
    --border-radius-xl: 30px;
    
    /* 🌓 SÖTÉT TÉMA ALAPOK */
    --dark-bg: #0f172a;
    --dark-surface: #1e293b;
    --dark-text: #f1f5f9;
}

/* 🌓 SÖTÉT TÉMA - manuális váltás */
.dark {
    --background-image: url('../images/desert_night2.jpeg') left/cover;
    --background: var(--dark-bg);
    --surface: var(--dark-surface);
    --text-color: var(--dark-text);
    --text-light: #cbd5e1;
    --text-light-o: var(--neutral-700);
    --item-name-text: var(--dark-bg);
    --border-color: #334155;
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.3);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.3);
}