:root {
    --primary: #0252A6;
    --secondary: #31335E;
    --green: #7AAA18;
    --red: #FC031F;
    --orange: #EC6E1D;
    --light-orange: #FFF9E6;
    --white: #ffffff;
    --black: black;
    --light-gray: #f4f6f9;
    --border-gray: #dee2e6;
    --text-gray: #6c757d;
    --background-card: #FBFBFB;
    --footer-color: #0352A6;
    --hover-primary: #014080;
    --hover-green: #658f14;
    --hover-red: #bb2d3b;
    --bg-return: #6b7280;

    --font-family-base: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    --font-size-xs: 11px;
    --font-size-sm: 13px;
    --font-size-md: 15px;
    --font-size-lg: 18px;
    --font-size-xl: 24px;

    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 12px;
    --spacing-lg: 18px;
    --spacing-xl: 24px;
    --spacing-xxl: 32px;

    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 16px;

    --shadow-sm: 0 2px 6px rgba(0,0,0,0.08);
    --shadow-md: 0 4px 14px rgba(0,0,0,0.12);
    --shadow-lg: 0 8px 40px rgba(0,0,0,0.15);

    --transition: all .2s ease-in-out;

    /* Layout */
    --sidebar-width: 240px;
    --navbar-height: 70px;

    /* Z-Index */
    --z-modal: 1000;
    --z-dropdown: 900;
    --z-navbar: 800;
}