:root {
    --bg-base: #0F172A;
    --bg-surface: rgba(30, 41, 59, 0.7);
    --bg-surface-hover: rgba(36, 44, 60, 0.8);
    --border-glass: rgba(255, 255, 255, 0.08);
    --primary: #6366F1;
    --primary-hover: #4F46E5;
    --accent: #10B981;
    --accent-hover: #059669;
    --danger: #EF4444;
    --text-main: #F9FAFB;
    --text-dim: #9CA3AF;
    --text-dimmer: #6B7280;
    --calendar-invert: invert(1);
    --bg-calendar-header: rgba(99, 102, 241, 0.15);
    --bg-calendar-grid: rgba(0, 0, 0, 0.2);
}


/* TEMA CLARO */
[data-theme='light'] {
    --bg-base: #F3F4F6;
    --bg-surface: rgba(255, 255, 255, 0.8);
    --bg-surface-hover: rgba(243, 244, 246, 0.9);
    --border-glass: rgba(0, 0, 0, 0.1);
    --primary: #4F46E5;
    --primary-hover: #4338CA;
    --accent: #059669;
    --accent-hover: #047857;
    --danger: #DC2626;
    --text-main: #111827;
    --text-dim: #4B5563;
    --text-dimmer: #9CA3AF;
    --calendar-invert: invert(0);
    --bg-calendar-header: rgba(79, 70, 229, 0.1);
    --bg-calendar-grid: rgba(255, 255, 255, 0.8);
}