:root {
    /* === PRIMARY (Darker, Rich Gold) === */
    --primary-color-lighter: #31cc90 !important;
    --primary-color: #5a8500 !important;
    --primary-color-hover: #28610e;
    --primary-dark-color: #1a3a06;

    --primary-text-color: #ffffff;

    /* === SECONDARY / ACCENT === */
    --secondary-lighter-color: #e8f5e0;
    --secondary-oso: #31cc90;
    --accent: #31cc90;

    /* === DEEP GOLDEN GRADIENTS === */
    --golden-gradient: linear-gradient(to bottom, #31cc90, #28610e);
    --golden-solid: #5a8500;
    --gold-dark-solid: #1a3a06;

    /* === DARK UI === */
    --input-dark-color: #f5f5f5;
    --card-dark: #ffffff;
    --sidebar-active-color: #21520a;

    /* === LOGIN GRADIENTS === */
    --login-big-gradient: linear-gradient(
        90deg,
        rgba(40, 97, 14, 0.4) 0%,
        rgba(26, 58, 6, 0.2) 25%,
        rgba(10, 18, 8, 0.6) 60%,
        rgba(10, 18, 8, 0.9) 85%,
        var(--background-950) 100%
    );

    --login-mobile-gradient: linear-gradient(
        180deg,
        rgba(40, 97, 14, 0.4) 0%,
        rgba(26, 58, 6, 0.2) 20%,
        rgba(10, 18, 8, 0.7) 45%,
        rgba(10, 18, 8, 0.95) 70%,
        var(--background-950) 100%
    );

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

    --background-50: #f0f7ed;
    --background-100: #e0f0da;
    --background-200: #c5e4b8;
    --background-300: #a0d28f;
    --background-400: #7db96a;
    --background-500: #5a9845;
    --background-600: #457530;
    --background-700: #315221;
    --background-800: hsl(120, 15%, 10%);
    --background-900: hsl(120, 15%, 7%);
    --background-950: #0a1208;
}