:root {
    /* 🔹 Blue → Sky Blue / Cyan */
    --primary-color-lighter: hsl(197, 76%, 52%) !important; /* cyan highlight */
    --primary-color: #6971df !important; /* sky blue main */
    --primary-color-hover: #50a2e6; /* hover blue */

    --golden-gradient: linear-gradient(to bottom, #38bdf8, #0ea5e9);

    --golden-solid: #50a2e6;
    --gold-dark-solid: #0e5691;

    --secondary-oso: hsl(194, 67%, 31%);
    --accent: hsl(197, 76%, 52%);

    /* 🔹 Gradients adjusted but still dark */
    --login-big-gradient: linear-gradient(
        90deg,
        rgba(56, 189, 248, 0.45) 0%,
        rgba(30, 41, 59, 0.65) 31%,
        var(--background-950) 100%
    );

    --login-mobile-gradient: linear-gradient(
        180deg,
        rgba(56, 189, 248, 0.55) 0%,
        rgba(14, 165, 233, 0.45) 13%,
        rgba(34, 34, 34, 0.72) 27%,
        rgba(38, 38, 38, 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;
}