:root {
    --lpx-theme-light-bg: url('/LeptonX/images/login-pages/login-bg-img-light.svg');
    --lpx-theme-dim-bg: url('/LeptonX/images/login-pages/login-bg-img-dim.svg');
    --lpx-theme-dark-bg: url('/LeptonX/images/login-pages/login-bg-img-dark.svg');
}

:root {
    --lpx-logo: url('/images/logo/leptonx/icon.svg');
    --lpx-logo-icon: url('/images/logo/leptonx/icon.svg');
}
/*Custom*/
@import url('https://fonts.cdnfonts.com/css/uk-number-plate');
:root {
    --sidebar-width: 250px;
    --topbar-height: 65px;
    --primary: #2563eb;
    --primary-dark: #1d4ed8;
    --dark: #0f172a;
    --sidebar-bg: #e8e8e8;
    --sidebar-text: #1e1e1f;
    --sidebar-active: #003087;
    --sidebar-hover: #003087;
    --topbar-bg: #0f172a;
    --body-bg: #fff;
    --card-bg: #ffffff;/*rgb(249 249 249); */
    --border-color: #fff;
    --text-muted: #64748b;
    --success: #22c55e;
    --warning: #f59e0b;
    --danger: #ef4444;
    --pageheader-bg: #fff;
    --info: #3b82f6;
    --radius: 5px;
    --shadow: 0 1px 3px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.04);
    --shadow-md: 0 4px 6px rgba(0,0,0,0.07), 0 2px 4px rgba(0,0,0,0.05);

    /* Additional root variables for consistent styling */
    --white: #ffffff;
    --card-header-bg: var(--white);
    --table-head-bg: #fbfbfb;
    --invoice-bg: var(--white);
    --auth-gradient-start: #1e3a8a;
    --auth-gradient-mid: #1e40af;
    --auth-gradient-end: #2563eb;
    --form-control-bg: #1d2945;
    --form-control-border: #384a71;
    --btn-primary-bg: #26357a;
    --btn-primary-border: #283989;
    --sidebar-overlay-bg: rgba(0,0,0,0.5);
    --scrollbar-track: var(--sidebar-bg);
    --scrollbar-thumb: #888;
    --scrollbar-thumb-hover: #555;
    --small-radius: 3px;
    --sidebar-overlay-z: 999;
}