/*
 * DefaultTheme.css — STATIC fallback when no user/company/custom theme is selected.
 * Loaded as a plain stylesheet (no DB, no CSS generation, no API round-trip).
 * Brand defaults match the HRMS Valencia palette (warm orange → cool blue).
 */
:root,
html.hrms-ui,
html[data-theme="light"] {
    --primary-color: #4f6fb8;
    --primary-color-hover: #3d5a96;
    --secondary-color: #5b6472;
    --secondary-color-hover: #4a515c;
    --accent-color: #f97d48;
    --success-color: #0f766e;
    --danger-color: #c53030;
    --warning-color: #ca8a04;
    --info-color: #0369a1;
    --background-color: #f4f6fb;
    --surface-color: #ffffff;
    --surface-muted: #f8fafc;
    --surface-hover: #f1f5f9;
    --selection: #edf2ff;
    --text-color: #1a2233;
    --text-muted-color: #4b5567;
    --border-color: #d5dbe8;

    --primary: var(--primary-color);
    --primary-hover: var(--primary-color-hover);
    --secondary: var(--secondary-color);
    --secondary-hover: var(--secondary-color-hover);
    --success: var(--success-color);
    --danger: var(--danger-color);
    --warning: var(--warning-color);
    --info: var(--info-color);
    --background: var(--background-color);
    --surface: var(--surface-color);
    --text: var(--text-color);
    --text-muted: var(--text-muted-color);
    --border: var(--border-color);
    --light: var(--surface-muted);
    --dark: var(--text-color);

    --app-accent-warm: #f97d48;
    --app-accent-cool: #6289c1;
    --hrms-gradient-from: #f97d48;
    --hrms-gradient-to: #6289c1;
    --button-gradient: linear-gradient(90deg, var(--app-accent-warm), var(--app-accent-cool));
    --app-header-gradient: var(--button-gradient);
    --app-sidebar-gradient: linear-gradient(180deg, var(--app-accent-warm), var(--app-accent-cool));
    --header-bg: var(--app-accent-warm);
    --sidebar-bg: var(--app-accent-cool);
    --navbar: var(--header-bg);
    --sidebar: var(--sidebar-bg);
    --sidebar-text: #ffffff;
    --sidebar-hover: rgba(255, 255, 255, 0.22);
    --sidebar-active: color-mix(in srgb, var(--primary) 55%, white);
    --menu-active: var(--sidebar-active);
    --menu-hover: color-mix(in srgb, var(--primary) 45%, white);
    --menu-hover-text: #ffffff;
    --menu-active-text: #ffffff;
    --submenu-bg: #2a383e;
    --submenu-nested-bg: #242f35;
    --submenu-text: #ffffff;
    --submenu-hover: var(--app-accent-warm);
    --submenu-expanded: #3d4a52;
    --accent: var(--app-accent-warm);

    --card: var(--surface);
    --card-bg: var(--surface);
    --shadow: 0 8px 24px rgba(15, 23, 42, 0.1);
    --radius: 10px;
    --hrms-radius: 10px;
    --hrms-card-radius: 10px;
    --hrms-btn-radius: 8px;
    --button: var(--primary);
    --button-hover: var(--primary-hover);
    --button-text: #ffffff;
    --input-focus: var(--primary);
    --link: var(--primary);
    --badge: var(--primary);
    --icon: var(--primary);
    --loader: var(--primary);
    --scrollbar: var(--primary);
    --modal-header: var(--primary);
    --table-header: var(--primary);
    --table-header-text: #ffffff;
    --table-hover: #eef2fb;
    --font: Inter, system-ui, sans-serif;

    --form-panel-header-bg: var(--app-header-gradient);
    --form-panel-header-text: #ffffff;
    --form-section-bg: var(--surface);
    --form-section-border: var(--border);
    --form-section-radius: var(--hrms-card-radius);
    --form-section-header-bg: color-mix(in srgb, var(--primary) 12%, var(--surface));
    --form-section-header-text: var(--primary);
    --form-section-header-accent: var(--primary);
    --form-section-header-border: color-mix(in srgb, var(--primary) 26%, var(--border));
    --form-section-body-bg: var(--surface);
    --form-section-gap: 0.85rem;
    --form-action-footer-bg: var(--surface-muted);

    --chart1: var(--primary);
    --chart2: var(--app-accent-warm);
    --chart3: var(--success);
    --chart4: var(--info);
    --chart5: var(--warning);
    --chart-1: var(--chart1);
    --chart-2: var(--chart2);
    --chart-3: var(--chart3);
    --chart-4: var(--chart4);
    --chart-5: var(--chart5);

    --theme-primary: var(--primary);
    --theme-secondary: var(--secondary);
    --theme-accent: var(--accent-color);
    --text-primary: var(--text);
    --text-secondary: var(--text-muted);

    --bs-primary: var(--primary);
    --bs-primary-rgb: 79, 111, 184;
    --primary-rgb: 79, 111, 184;
    --bs-secondary: var(--secondary);
    --bs-success: var(--success);
    --bs-danger: var(--danger);
    --bs-warning: var(--warning);
    --bs-info: var(--info);
    --bs-body-bg: var(--background);
    --bs-body-color: var(--text);
    --bs-border-color: var(--border);
    --bs-link-color: var(--link);

    --hrms-primary: var(--primary);
    --hrms-action-primary: var(--primary);
    --hrms-action-primary-hover: var(--primary-hover);
}

html[data-hrms-theme-mode="static-default"] {
    /* marker for diagnostics / optional hooks */
}