:root {
    /* === PRIMARY (Vibrant Yellow-Green / Lime) === */
    --primary-color-lighter: #b4e67a !important; /* Lighter lime */
    --primary-color: #8bd13a !important; /* Your base: Vibrant Lime */
    --primary-color-hover: #77b52f; /* Slightly deeper for hover */
    --primary-dark-color: #0d0b05; /* Deep olive-forest for contrast */

    --primary-text-color: #1a2e05; /* Very dark olive for readability */

    /* === SECONDARY / ACCENT (Muted Amber/Gold) === */
    --secondary-lighter-color: #262626;
    --secondary-oso: #6cb21d; /* Bright yellow-gold to match lime */
    --accent: #8bd13a;
    --accent-glow: #8bd13a;

    /* === LIME GREEN GRADIENTS === */
    --golden-gradient: linear-gradient(to bottom, #74b030, #365314);
    --golden-solid: #488700;
    --gold-dark-solid: #365314;

    /* === DARK UI (Warmer tones to match Green-Yellow) === */
    --input-dark-color: #1e211b; /* Tinted slightly olive-dark */
    --card-dark: #1a1c18;
    --sidebar-active-color: #8bd13a;

    /* === LOGIN GRADIENTS (Updated for #8BD13A) === */
    --login-big-gradient: linear-gradient(
        90deg,
        rgba(139, 209, 58, 0.2) 0%,
        /* Low opacity Lime */ rgba(30, 31, 28, 0.8) 35%,
        var(--background-950) 100%
    );

    --login-mobile-gradient: linear-gradient(
        180deg,
        rgba(139, 209, 58, 0.2) 0%,
        rgba(139, 209, 58, 0.1) 15%,
        rgba(30, 31, 28, 0.85) 30%,
        rgba(26, 28, 24, 1) 55%
    );

    /* === TEXT & BACKGROUND === */
    --text: #f1f5f1; /* Bright neutral with a hint of warmth */

    --background-800: #1a1c18; /* Deep olive-tinted charcoal */
    --background-900: #131511;
    --background-950: #0d0e0c;

    /* === BRAND TONES === */
    --primary-oso: #d9f99d; /* Soft lime tint */
}