:root {
    /* 🔹 Professional Deep Blue / Navy Theme */
    --primary-color-lighter: hsl(
        217,
        91%,
        60%
    ); /* Bright Royal Blue for highlights */
    --primary-color: #2563eb !important; /* Standard Enterprise Blue */
    --primary-color-hover: #1d4ed8; /* Deep Navy hover */

    --golden-gradient: linear-gradient(
        to bottom,
        #1e40af,
        #1e3a8a
    ); /* Deep sea gradient */

    --golden-solid: #3b82f6;
    --gold-dark-solid: #1e3a8a;

    --secondary-oso: hsl(222, 47%, 11%); /* Dark Navy Background tint */
    --accent: hsl(217, 91%, 60%);

    /* 🔹 Professional Gradients - Subtler and deeper */
    --login-big-gradient: linear-gradient(
        90deg,
        rgba(37, 99, 235, 0.25) 0%,
        /* Reduced opacity for professionalism */ rgba(30, 41, 59, 0.65) 31%,
        var(--background-950) 100%
    );

    --login-mobile-gradient: linear-gradient(
        180deg,
        rgba(30, 58, 138, 0.55) 0%,
        rgba(23, 37, 84, 0.45) 13%,
        rgba(15, 23, 42, 0.72) 27%,
        rgba(13, 13, 13, 1) 53%
    );

    /* ⬛ Everything else stays dark */
    --primary-text-color: white;
    --primary-dark-color: #131416;
    --secondary-lighter-color: #262626;
    --input-dark-color: #181b1f;
    --card-dark: #1d1d1d;
    --sidebar-active-color: white;

    --text: hsl(47, 39%, 91%);
    --background-50: #f2f2f2;
    --background-100: #e6e6e6;
    --background-200: #cccccc;
    --background-300: #b3b3b3;
    --background-400: #999999;
    --background-500: #808080;
    --background-600: #666666;
    --background-700: #4d4d4d;
    --background-800: hsl(0, 0%, 12%);
    --background-900: hsl(0, 0%, 10%);
    --background-950: #0d0d0d;

    --primary-oso: hsl(200, 85%, 75%); /* shifted from gold → blue tint */
    --main-text: white;
}