/* ============================================
   EASYWAY - CSS PREMENNÉ (VARIABLES) - CENTRÁLNE MIESTO
   Verzia: 2.0.0 (Dark mode support, zjednotené pre celý projekt)
   ============================================ */

:root {
    /* Primárne farby */
    --primary-color: #1a2b6e;
    --primary-dark: #0d1a4d;
    --primary-light: #4a64d4;
    --primary-ultralight: #eef2ff;

    /* Sekundárne farby */
    --secondary-color: #6c757d;
    --secondary-dark: #545b62;
    --secondary-light: #f8f9fa;

    /* Stavové farby */
    --success-color: #27ae60;
    --success-dark: #219653;
    --success-light: #e8f6ef;
    --warning-color: #f39c12;
    --warning-dark: #e67e22;
    --warning-light: #fef5e7;
    --danger-color: #e74c3c;
    --danger-dark: #c0392b;
    --danger-light: #fde8e6;

    /* Pozadie a text */
    --light-bg: #f5f8fc;
    --white: #ffffff;
    --border-color: #dee2e6;
    --border-light: #eaeff5;
    --text-muted: #6c757d;
    --text-color: #495057;
    --text-dark: #1e2a47;

    /* Efekty */
    --shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    --shadow-hover: 0 8px 30px rgba(0, 0, 0, 0.12);
    --radius: 18px;
    --radius-sm: 12px;
    --radius-xs: 8px;
    --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);

    /* Gradienty */
    --gradient-primary: linear-gradient(135deg, var(--primary-color), var(--primary-light));
    --gradient-success: linear-gradient(135deg, var(--success-color), var(--success-dark));
    --gradient-warning: linear-gradient(135deg, var(--warning-color), var(--warning-dark));
    --gradient-danger: linear-gradient(135deg, var(--danger-color), var(--danger-dark));

    /* Farby pre pracovné zaradenia */
    --role-super-admin-bg: #8a2be2;
    --role-manager-bg: #ffd700;
    --role-dopravca-bg: #c0c0c0;
    --role-zamestnanec-bg: #27ae60;
    --role-uzivatel-bg: #ff8c00;

    /* Farby textu pre pracovné zaradenia */
    --role-super-admin-text: #ffffff;
    --role-manager-text: #000000;
    --role-dopravca-text: #000000;
    --role-zamestnanec-text: #ffffff;
    --role-uzivatel-text: #ffffff;

    /* 🔥 DARK MODE PREMENNÉ (light theme default) */
    --bg-primary: var(--white);
    --bg-secondary: var(--light-bg);
    --text-primary: var(--text-dark);
    --text-secondary: var(--text-color);
    --border-default: var(--border-light);
}

/* 🔥 DARK MODE */
@media (prefers-color-scheme: dark) {
    :root {
        --primary-light: #6b85ff;
        --primary-ultralight: #1a2b6e;
        --light-bg: #121826;
        --white: #1e2434;
        --border-light: #2a3040;
        --text-muted: #8a8f9e;
        --text-color: #d0d5e0;
        --text-dark: #ffffff;
        --shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
        --shadow-hover: 0 8px 30px rgba(0, 0, 0, 0.4);

        --bg-primary: #1e2434;
        --bg-secondary: #151b28;
        --text-primary: #ffffff;
        --text-secondary: #d0d5e0;
        --border-default: #2a3040;
    }

    /* Dark mode úpravy pre karty a kontajnery */
    .card,
    .dashboard-container,
    .container,
    .modal-content {
        background: var(--bg-primary);
        border-color: var(--border-default);
    }

    /* Dark mode úpravy pre notifikácie */
    .notification {
        background: rgba(0, 0, 0, 0.95);
    }

    /* Dark mode úpravy pre formuláre */
    input,
    select,
    textarea {
        background: #2a3040;
        color: #ffffff;
        border-color: #3a4050;
    }

    input:focus,
    select:focus,
    textarea:focus {
        background: #353d50;
        border-color: var(--primary-light);
    }
}

/* ============================================
   RESPONZÍVNE PADDING PRE MAIN CONTENT
   ============================================ */
:root {
    --header-height: 80px;
    --header-height-mobile: 60px;
}

/* ============================================
   ZNÍŽENÁ POHYBLIVOSŤ
   ============================================ */
@media (prefers-reduced-motion: reduce) {
    :root {
        --transition: none;
    }

    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}