:root {
    /* === PRIMARY (Darker, Rich Gold) === */
    --primary-color-lighter: #c5a028 !important; /* muted honey gold */
    --primary-color: #a67c00 !important; /* deep goldenrod */
    --primary-color-hover: #8a6500; /* burnished bronze */
    --primary-dark-color: #0d0b05; /* near-black with amber tint */

    --primary-text-color: #ffffff; /* White pops better on these darker gold tones */

    /* === SECONDARY / ACCENT === */
    --secondary-lighter-color: #221f18;
    --secondary-oso: #b8860b;
    --accent: #b8860b;

    /* === DEEP GOLDEN GRADIENTS === */
    --golden-gradient: linear-gradient(to bottom, #b8860b, #8a6500);
    --golden-solid: #916f00;
    --gold-dark-solid: #2e2300;

    /* === DARK UI === */
    --input-dark-color: #12100d;
    --card-dark: #181612;
    --sidebar-active-color: #a67c00;

    /* === LOGIN GRADIENTS (Burnished Gold) === */
    --login-big-gradient: linear-gradient(
        90deg,
        rgba(46, 35, 0, 0.9) 0%,
        /* Deep Old Gold */ rgba(25, 20, 10, 0.8) 28%,
        /* Dark Chocolate */ var(--background-950) 100%
    );

    --login-mobile-gradient: linear-gradient(
        180deg,
        rgba(166, 124, 0, 0.85) 0%,
        rgba(138, 101, 0, 0.65) 14%,
        rgba(20, 18, 15, 0.8) 30%,
        rgba(8, 7, 5, 1) 55%
    );

    /* === TEXT & BACKGROUND === */
    --text: hsl(40, 30%, 85%); /* Muted cream text */

    --background-50: #f7f4ed;
    --background-100: #ede8d5;
    --background-200: #d6ccab;
    --background-300: #b0a47d;
    --background-400: #8c7f56;
    --background-500: #6b5f3a;
    --background-600: #52482c;
    --background-700: #3b341f;
    --background-800: hsl(35, 15%, 10%);
    --background-900: hsl(35, 15%, 7%);
    --background-950: #080705;

}