:root {
    /* Colors - Dark Mode (Default) */
    --color-primary: #00Bfa5; /* Modern Teal / zöld – pl. light/dark váltó háttér */
    --color-primary-rgb: 0, 191, 165;
    /* Radzen téma primary = zöld (ne kék) */
    --rz-primary: #00Bfa5;
    --color-secondary: #7C4DFF; /* Vibrant Purple */
    --color-cancel: #e6a23c; /* Mégse gomb: narancssárga */
    --color-cancel-rgb: 230, 162, 60;
    --color-danger: #c62828; /* Törlés gomb: mély piros */
    --color-danger-rgb: 198, 40, 40;
    --color-background: #121212;
    --color-surface: #1E1E1E;
    --color-text: #E0E0E0;
    --color-text-muted: #A0A0A0;
    --color-border: rgba(255, 255, 255, 0.1);

    /* Gradients */
    --gradient-bg: linear-gradient(135deg, #121212 0%, #1a2a3a 100%);
    --gradient-primary: linear-gradient(135deg, var(--color-primary) 0%, #00897b 100%);

    /* Glassmorphism */
    --glass-bg: rgba(30, 30, 30, 0.6);
    --glass-border: rgba(255, 255, 255, 0.08);
    --glass-blur: 12px;
    --glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);

    /* Typography */
    --font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    --font-size-base: 16px;
}

[data-theme="light"] {
    /* Colors - Light Mode */
    --color-primary: #009688; /* Darker Teal for contrast */
    --color-primary-rgb: 0, 150, 136;
    --rz-primary: #009688;
    --color-cancel: #d48806;
    --color-cancel-rgb: 212, 136, 6;
    --color-danger: #b71c1c;
    --color-danger-rgb: 183, 28, 28;
    --color-secondary: #6200EA;
    --color-background: #F5F7FA;
    --color-surface: #FFFFFF;
    --color-text: #212121;
    --color-text-muted: #757575;
    --color-border: rgba(0, 0, 0, 0.1);

    /* Gradients */
    --gradient-bg: linear-gradient(135deg, #F5F7FA 0%, #E3F2FD 100%);
    
    /* Glassmorphism */
    --glass-bg: rgba(255, 255, 255, 0.7);
    --glass-border: rgba(255, 255, 255, 0.4);
    --glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.15);
}