:root, html[data-theme="light"], html.hrms-ui {
  --accent: #f97d48;
  --accent-color: #f97d48;
  --animation-delay: 0s;
  --animation-duration: 0.22s;
  --animation-easing: cubic-bezier(0.22, 1, 0.36, 1);
  --animation-repeat: 1;
  --animation-type: fade;
  --app-accent-cool: #6289c1;
  --app-accent-warm: #f97d48;
  --app-header-gradient: linear-gradient(90deg, #f97d48 0%, #6289c1 100%);
  --app-sidebar-gradient: linear-gradient(180deg, #f97d48 0%, #6289c1 100%);
  --background: #f4f6fb;
  --background-color: #f4f6fb;
  --background-secondary: #eef2f7;
  --badge: #4f6fb8;
  --badge-bg: #4f6fb8;
  --blur-strength: 12px;
  --border: #d5dbe8;
  --border-color: #d5dbe8;
  --border-focus: #4f6fb8;
  --border-hover: #9ca3af;
  --border-width: 1px;
  --bs-body-bg: #f4f6fb;
  --bs-body-color: #1a2233;
  --bs-body-font-family: var(--hrms-font-sans);
  --bs-border-color: #d5dbe8;
  --bs-danger: #c53030;
  --bs-font-sans-serif: var(--hrms-font-sans);
  --bs-info: #0369a1;
  --bs-link-color: #4f6fb8;
  --bs-primary: #4f6fb8;
  --bs-primary-rgb: 79, 111, 184;
  --bs-secondary: #5b6472;
  --bs-success: #0f766e;
  --bs-warning: #ca8a04;
  --button: #4f6fb8;
  --button-bg: #4f6fb8;
  --button-border: transparent;
  --button-fill: var(--button-primary);
  --button-font-size: 0.875rem;
  --button-font-weight: 600;
  --button-gradient: #4f6fb8;
  --button-gradient-angle: 90deg;
  --button-height: 38px;
  --button-hover: #3d5a96;
  --button-padding: 0.45rem 1rem;
  --button-primary: #4f6fb8;
  --button-text: #ffffff;
  --card: #ffffff;
  --card-bg: #ffffff;
  --card-footer-bg: #f8fafc;
  --card-gap: 1rem;
  --card-gradient: #ffffff;
  --card-gradient-angle: 135deg;
  --card-header-bg: #4f6fb8;
  --card-padding: 1rem;
  --card-shadow: 0 8px 24px rgba(15,23,42,0.1);
  --chart-1: #4f6fb8;
  --chart-2: #f97d48;
  --chart-3: #0f766e;
  --chart-4: #0369a1;
  --chart-5: #ca8a04;
  --chart1: #4f6fb8;
  --chart2: #f97d48;
  --chart3: #0f766e;
  --chart4: #0369a1;
  --chart5: #ca8a04;
  --checkbox-color: #4f6fb8;
  --color-mode: light;
  --container-margin: 0 auto;
  --container-max-width: 1400px;
  --container-min-width: 320px;
  --container-padding: 1rem;
  --container-width: 100%;
  --danger: #c53030;
  --danger-color: #c53030;
  --dark: #1a2233;
  --disabled-bg: #f1f5f9;
  --disabled-color: #94a3b8;
  --divider-color: #e5e7eb;
  --elevation-1: 0 1px 2px rgba(15,23,42,0.08);
  --elevation-2: 0 8px 24px rgba(15,23,42,0.1);
  --elevation-3: 0 20px 50px rgba(15,23,42,0.28);
  --focus-ring: rgba(79, 111, 184,0.35);
  --font-badge: 0.75rem;
  --font-body: 0.9375rem;
  --font-body-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  --font-button: 0.875rem;
  --font-button-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  --font-caption: 0.75rem;
  --font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  --font-h1: 2.25rem;
  --font-h2: 1.875rem;
  --font-h3: 1.5rem;
  --font-h4: 1.25rem;
  --font-h5: 1.125rem;
  --font-h6: 1rem;
  --font-header-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  --font-heading: 1.5rem;
  --font-heading-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  --font-input-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  --font-label: 0.8125rem;
  --font-large: 1.125rem;
  --font-login-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  --font-menu: 0.9rem;
  --font-menu-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  --font-popup: 0.875rem;
  --font-popup-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  --font-print-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  --font-sidebar-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  --font-size: 15px;
  --font-size-desktop: 15px;
  --font-size-laptop: 15px;
  --font-size-mobile: 15px;
  --font-size-print: 12pt;
  --font-size-tablet: 15px;
  --font-small: 0.75rem;
  --font-style: normal;
  --font-subheading: 1.25rem;
  --font-table: 0.875rem;
  --font-table-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  --font-title: 1.125rem;
  --font-weight: 400;
  --footer-bg: #f4f6fb;
  --footer-text: #4b5567;
  --form-action-footer-bg: #f8fafc;
  --form-gap: 1rem;
  --form-panel-header-bg: linear-gradient(90deg, #f97d48 0%, #6289c1 100%);
  --form-panel-header-text: #ffffff;
  --form-section-header-accent: #4f6fb8;
  --form-section-header-text: #4f6fb8;
  --glass-blur: 12px;
  --glass-color: rgba(255,255,255,0.72);
  --glow-color: rgba(79, 111, 184,0.35);
  --gradient-angle: 90deg;
  --gradient-end: #6289c1;
  --gradient-mid: #a78bfa;
  --gradient-mid2: #38bdf8;
  --gradient-opacity: 1;
  --gradient-start: #f97d48;
  --gradient-type: linear;
  --grid-column-gap: 1rem;
  --grid-columns: 12;
  --grid-gap: 1rem;
  --grid-row-gap: 1rem;
  --header-bg: #4f6fb8;
  --header-border: transparent;
  --header-gradient: linear-gradient(90deg, #f97d48 0%, #6289c1 100%);
  --header-gradient-angle: 90deg;
  --header-height: 52px;
  --header-hover: #3d5a96;
  --header-shadow: 0 1px 4px rgba(15,23,42,0.12);
  --header-text: #ffffff;
  --header-transparency: 1;
  --heading-weight: 600;
  --hrms-action-primary: #4f6fb8;
  --hrms-action-primary-active: #334a7d;
  --hrms-action-primary-hover: #3d5a96;
  --hrms-allow-inspect: 1;
  --hrms-anim-delay: 0s;
  --hrms-anim-duration: 0.22s;
  --hrms-anim-easing: cubic-bezier(0.22, 1, 0.36, 1);
  --hrms-anim-repeat: 1;
  --hrms-bg: #f4f6fb;
  --hrms-border: #d5dbe8;
  --hrms-btn-radius: 10px;
  --hrms-card-radius: 10px;
  --hrms-danger: #c53030;
  --hrms-focus-rgb: 79, 111, 184;
  --hrms-font-sans: Inter, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  --hrms-gradient-brand: #4f6fb8;
  --hrms-gradient-from: #f97d48;
  --hrms-gradient-to: #6289c1;
  --hrms-head-bg: #4f6fb8;
  --hrms-head-text: #ffffff;
  --hrms-info: #0369a1;
  --hrms-input-bg: #ffffff;
  --hrms-input-border: #d5dbe8;
  --hrms-input-focus-border: #4f6fb8;
  --hrms-input-placeholder: #4b5567;
  --hrms-input-radius: 8px;
  --hrms-inspect-bypass-sa: 1;
  --hrms-opacity: 1;
  --hrms-primary: #4f6fb8;
  --hrms-primary-active: #334a7d;
  --hrms-primary-hover: #3d5a96;
  --hrms-radius: 10px;
  --hrms-row-hover: #eef2fb;
  --hrms-secondary: #5b6472;
  --hrms-shadow-md: 0 8px 24px rgba(15,23,42,0.1);
  --hrms-sidebar-width: 260px;
  --hrms-success: #0f766e;
  --hrms-surface: #ffffff;
  --hrms-table-row-hover: #eef2fb;
  --hrms-text: #1a2233;
  --hrms-text-base: 15px;
  --hrms-text-muted: #4b5567;
  --hrms-transition: 0.22s;
  --hrms-warning: #ca8a04;
  --icon-active: #334a7d;
  --icon-badge: #c53030;
  --icon-color: #4f6fb8;
  --icon-hover: #3d5a96;
  --icon-muted: #6b7280;
  --icon-size: 1rem;
  --info: #0369a1;
  --info-color: #0369a1;
  --input-bg: #ffffff;
  --input-border: #d5dbe8;
  --input-error: #c53030;
  --input-focus: #4f6fb8;
  --input-height: 38px;
  --input-hover-border: #9ca3af;
  --input-shadow: none;
  --input-text: #1a2233;
  --label-color: #1a2233;
  --layout-density: comfortable;
  --letter-spacing: 0;
  --light: #f8fafc;
  --line-height: 1.5;
  --link: #4f6fb8;
  --link-color: #4f6fb8;
  --link-hover: #3d5a96;
  --loader: #4f6fb8;
  --loader-color: #4f6fb8;
  --loader-enabled: 1;
  --loader-logo: '';
  --loader-logo-size: 56px;
  --loader-min-duration: 400;
  --loader-overlay-opacity: 0.55;
  --loader-please-wait: Please wait…;
  --loader-progress-style: bar;
  --loader-size: 2.5rem;
  --loader-speed: 0.8s;
  --loader-text: Loading your workspace…;
  --loader-type: spinner;
  --login-button: #4f6fb8;
  --login-card-bg: #ffffff;
  --login-overlay: rgba(15,23,42,0.35);
  --menu-active: #334a7d;
  --menu-active-text: #ffffff;
  --menu-bg: #4f6fb8;
  --menu-font-size: 0.9rem;
  --menu-group-bg: transparent;
  --menu-hover: #3d5a96;
  --menu-hover-text: #ffffff;
  --menu-icon-size: 1.1rem;
  --menu-padding: 0.55rem 0.85rem;
  --menu-radius: 8px;
  --mobile-card-padding: 0.75rem;
  --mobile-form-gap: 0.75rem;
  --mobile-popup-width: 94vw;
  --mobile-table-font: 0.8125rem;
  --modal-blur: 0px;
  --modal-body-bg: #ffffff;
  --modal-border: #d5dbe8;
  --modal-close: #ffffff;
  --modal-footer-bg: #f8fafc;
  --modal-header-bg: #4f6fb8;
  --modal-header-text: #ffffff;
  --modal-radius: 12px;
  --modal-shadow: 0 20px 50px rgba(15,23,42,0.28);
  --modal-text: #1a2233;
  --navbar: #4f6fb8;
  --navbar-bg: #4f6fb8;
  --notification-color: #0369a1;
  --overlay-color: rgba(15,23,42,0.45);
  --page-margin: 0;
  --page-padding: 1rem;
  --pk-check-anim: 0.18s;
  --pk-check-bg: #ffffff;
  --pk-check-border: #cbd5e1;
  --pk-check-border-width: 2px;
  --pk-check-checked-bg: #4f6fb8;
  --pk-check-disabled-bg: #f1f5f9;
  --pk-check-disabled-border: #cbd5e1;
  --pk-check-error: #c53030;
  --pk-check-focus: #4f6fb8;
  --pk-check-hover-bg: #eef2fb;
  --pk-check-label: #1a2233;
  --pk-check-mark: #ffffff;
  --pk-check-radius: 0.3rem;
  --pk-check-size: 1.15rem;
  --pk-check-style: rounded;
  --pk-check-style-token: rounded;
  --pk-check-tick-size: 0.65rem;
  --pk-radio-anim: 0.18s;
  --pk-radio-bg: #ffffff;
  --pk-radio-border: #cbd5e1;
  --pk-radio-border-checked: #4f6fb8;
  --pk-radio-border-width: 2px;
  --pk-radio-disabled: #94a3b8;
  --pk-radio-error: #c53030;
  --pk-radio-fill: #4f6fb8;
  --pk-radio-focus: #4f6fb8;
  --pk-radio-hover: #3d5a96;
  --pk-radio-icon-size: 0.55rem;
  --pk-radio-label: #1a2233;
  --pk-radio-label-size: 0.875rem;
  --pk-radio-label-weight: 500;
  --pk-radio-ripple: rgba(79,111,184,0.28);
  --pk-radio-size: 1.15rem;
  --pk-radio-style: filled;
  --pk-radio-style-token: filled;
  --pk-selection-anim: scale;
  --pk-selection-layout: vertical;
  --pk-selection-shape: rounded;
  --pk-selection-size: md;
  --pk-selection-size-token: md;
  --placeholder-token: #6b7280;
  --popup-bg: #ffffff;
  --popup-footer: #f8fafc;
  --popup-gap: 1rem;
  --popup-header: #4f6fb8;
  --popup-shadow: 0 20px 50px rgba(15,23,42,0.28);
  --primary: hover, .btn.buttonstyle.btn-primary:hover { background-color: var(--button-hover) !important;
  --primary-color: #4f6fb8;
  --primary-color-hover: #3d5a96;
  --primary-dark: #334a7d;
  --primary-hover: #3d5a96;
  --primary-light: #6289c1;
  --primary-rgb: 79, 111, 184;
  --radio-color: #4f6fb8;
  --radius: 10px;
  --scrollbar-color: #4f6fb8;
  --scrollbar-hover: #4f6fb8;
  --scrollbar-radius: 8px;
  --scrollbar-track: #e5e7eb;
  --scrollbar-width: 10px;
  --secondary: #5b6472;
  --secondary-color: #5b6472;
  --secondary-color-hover: #4a515c;
  --secondary-dark: #4a515c;
  --secondary-light: #4a515c;
  --section-gap: 1rem;
  --select-arrow: #4b5567;
  --select-bg: #ffffff;
  --select-border: #d5dbe8;
  --select-focus: #4f6fb8;
  --select-hover-border: #9ca3af;
  --selection-color: #dbeafe;
  --shadow: 0 8px 24px rgba(15,23,42,0.1);
  --shadow-color: rgba(15,23,42,0.1);
  --sidebar: #4f6fb8;
  --sidebar-bg: #4f6fb8;
  --sidebar-border: transparent;
  --sidebar-collapsed-width: 50px;
  --sidebar-expanded-width: var(--hrms-sidebar-width, 230px);
  --sidebar-gradient: linear-gradient(180deg, #f97d48 0%, #6289c1 100%);
  --sidebar-gradient-angle: 180deg;
  --sidebar-icon: #ffffff;
  --sidebar-mode: expanded;
  --sidebar-radius: 0px;
  --sidebar-shadow: 0 8px 17px rgba(0,0,0,0.2);
  --sidebar-text: #ffffff;
  --skeleton-color: #e2e8f0;
  --space-2xl: calc(2rem * 1.5);
  --space-lg: 1.5rem;
  --space-md: 1rem;
  --space-sm: 0.5rem;
  --space-xl: 2rem;
  --space-xs: 0.25rem;
  --submenu-active: #4f6fb8;
  --submenu-bg: #2a383e;
  --submenu-border: rgba(255,255,255,0.08);
  --submenu-gradient: #2a383e;
  --submenu-gradient-angle: 180deg;
  --submenu-hover: #3d4f56;
  --submenu-icon: #c5d0db;
  --submenu-indicator: #f97d48;
  --submenu-text: #e8eef5;
  --success: #0f766e;
  --success-color: #0f766e;
  --surface: #ffffff;
  --surface-active: #e2e8f0;
  --surface-color: #ffffff;
  --surface-hover: #f1f5f9;
  --surface-muted: #f8fafc;
  --switch-color: #4f6fb8;
  --table-border: #d5dbe8;
  --table-cell-padding: 0.55rem 0.75rem;
  --table-font-size: 0.875rem;
  --table-gap: 0.5rem;
  --table-header: #4f6fb8;
  --table-header-angle: 90deg;
  --table-header-gradient: #4f6fb8;
  --table-header-text: #ffffff;
  --table-hover: #eef2fb;
  --table-radius: 8px;
  --table-row: #ffffff;
  --table-row-bg: #ffffff;
  --table-selected: #dbeafe;
  --table-stripe: #f8fafc;
  --text: #1a2233;
  --text-align: left;
  --text-color: #1a2233;
  --text-decoration: none;
  --text-muted: #4b5567;
  --text-muted-color: #4b5567;
  --text-primary: #1a2233;
  --text-secondary: #4b5567;
  --text-transform: none;
  --ui-corner: rounded;
  --validation-color: #c53030;
  --warning: #ca8a04;
  --warning-color: #ca8a04;
  --widget-gap: 1rem;
  --widget-radius: 10px;
  --word-spacing: normal;
}