:root {
    --sidebar-width: 200px;
    --sidebar-collapsed-width: 80px;
    /* Primary Brand Blues */
    --primary: #0d6efd; /* Bootstrap-like strong blue */
    --secondary: #4d8dff; /* Softer complementary blue */
    --accent: #0a58ca; /* Deep accent blue for emphasis */
    /* Light / Accent Blues */
    --light-blue: #9ec5fe; /* Soft highlight blue */
    --light-sky: #cfe2ff; /* Very light blue for subtle backgrounds */
    /* Dark Variants */
    --dark-blue-variant: #052c65; /* Very dark blue for headers/sidebars */
    --dark-blue: #084298; /* Strong navy-blue variant */
    --navy: #012970; /* Muted enterprise navy */
    /* Neutrals */
    --text: #444444; /* Neutral dark gray for readability */
    --light-gray: #f8f9fa; /* Light background gray */
    --body-bg: #f0f7ff; /* Soft blue-tinted background */

    --transition: all 0.3s ease;
    --white:white;
}