/* Theme variables for employees index
   Edit these variables to customize the page colors.
*/
:root {
    --primary-bg: #447C9D; /*#e9ecef;*/        /* Page background */
    --content-bg: #f8f9fa; /*#f8f9fa;*/        /* Inputs / panels */
    --header-bg: #205565; /*#1a365d;*/         /* Table header background */
    --header-text: #ffffff; /*#ffffff;*/       /* Table header text */
    --border-color: #cbd5e0; /*#cbd5e0;*/      /* Borders */
    --text-muted: #ffffff; /*#718096;*/        /* Muted text */
    --link-color: #2b6cb0; /*#2b6cb0;*/        /* Primary accent / link color */
    --link-hover: #2c5282; /*#2c5282;*/        /* Hover for links */
    --pagination-active: #2b6cb0; /*#2b6cb0;*/ /* Active page */
    --table-hover: #edf2f7; /*#edf2f7;*/       /* Row hover */
    --footer-bg:  /*rgba(117,117,117,1);*/ #447C9D;   /* Footer background */ 
    /* Font stack: customize --font-sans to change default font across the site */
    --font-sans: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

/* Small helper classes that may be overridden */
.filter-badge {
    background: rgba(43,108,176,0.08);
    color: var(--link-color);
    border: 1px solid rgba(43,108,176,0.12);
}

/* If you want a dark theme override, you can add a .theme-dark selector here */
/* .theme-dark {
     --primary-bg: #0f1724;
     --content-bg: #0b1220;
     --header-bg: #0b4260;
     --header-text: #ffffff;
 } */

/* Apply the font stack globally */
body {
    font-family: var(--font-sans);
}