/**
 * CSS Variables & Themes
 * Shadi Seguros Dashboard
 */

:root {
    /* === Shadi Seguros Brand Colors === */
    --primary: #1C355E;
    --primary-dark: #152944;
    --primary-light: #EBF0F7;
    --secondary: #FFCD00;
    --accent: #FFCD00;

    /* === Semantic Colors === */
    --success: #10B981;
    --warning: #FFCD00;
    --danger: #EF4444;
    --info: #3B82F6;

    /* === Neutral Colors === */
    --dark: #111827;
    --light: #FAFBFC;
    --gray-50: #F9FAFB;
    --gray-100: #F3F4F6;
    --gray-200: #E5E7EB;
    --gray-300: #D1D5DB;
    --gray-400: #9CA3AF;
    --gray-500: #6B7280;
    --gray-600: #4B5563;
    --gray-700: #374151;
    --gray-800: #1F2937;
    --gray-900: #111827;

    /* === Light Mode Colors === */
    --bg-primary: #FAFBFC;
    --bg-secondary: #FFFFFF;
    --bg-tertiary: #F9FAFB;
    --text-primary: #111827;
    --text-secondary: #6B7280;
    --text-tertiary: #9CA3AF;
    --border-color: #E5E7EB;
    --border-color-hover: #D1D5DB;

    /* === Spacing & Sizing === */
    --border-radius: 12px;
    --border-radius-sm: 8px;
    --sidebar-width: 240px;

    /* === Shadows === */
    --card-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    --card-shadow-hover: 0 4px 12px rgba(0, 0, 0, 0.08);

    /* === Transitions === */
    --transition: all 0.2s ease;

    /* === FullCalendar Variables === */
    --fc-border-color: var(--gray-200);
    --fc-daygrid-event-dot-width: 8px;
    --fc-today-bg-color: rgba(67, 97, 238, 0.08);
    --fc-button-bg-color: var(--primary);
    --fc-button-active-bg-color: var(--primary-dark);
    --fc-button-hover-bg-color: var(--primary-dark);
    --fc-button-border-color: var(--primary);
    --fc-button-active-border-color: var(--primary-dark);
    --fc-button-hover-border-color: var(--primary-dark);
    --fc-button-text-color: #ffffff;
    --fc-page-bg-color: var(--bg-secondary);
    --fc-neutral-bg-color: var(--bg-secondary);
    --fc-neutral-text-color: var(--text-primary);
}

/* === Dark Mode Theme === */
[data-theme="dark"] {
    /* === Shadi Seguros Dark Colors === */
    --primary: #3B5A8F;
    --primary-dark: #4A6BA3;
    --primary-light: #1E293B;
    --secondary: #FFD740;
    --accent: #FFD740;
    --success: #34D399;
    --warning: #FFD740;
    --danger: #F87171;

    /* === Dark Mode Colors === */
    --bg-primary: #0F172A;
    --bg-secondary: #1E293B;
    --bg-tertiary: #334155;
    --text-primary: #F1F5F9;
    --text-secondary: #CBD5E1;
    --text-tertiary: #94A3B8;
    --border-color: #334155;
    --border-color-hover: #475569;

    /* === Dark Mode Shadows === */
    --card-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    --card-shadow-hover: 0 4px 12px rgba(0, 0, 0, 0.4);

    /* === FullCalendar Dark Mode === */
    --fc-border-color: #334155;
    --fc-today-bg-color: rgba(59, 90, 143, 0.15);
    --fc-page-bg-color: #1E293B;
    --fc-neutral-bg-color: #1E293B;
    --fc-neutral-text-color: #F1F5F9;
}