:root {
    /* === PRIMARY (Softer Green / Sage-Emerald) === */
    --primary-color-lighter: #86efac !important; /* Soft light green */
    --primary-color: #4ade80 !important;         /* Balanced soft green */
    --primary-color-hover: #22c55e;              /* Slightly deeper for hover */
    --primary-dark-color: #064e3b;               /* Deep forest shadow for contrast */

    --primary-text-color: #064e3b;               /* Dark green text for readability */

    /* === SECONDARY / ACCENT (Muted Yellow/Gold) === */
    --secondary-lighter-color: #262626;
    --secondary-oso: #fbbf24;                    /* Muted gold for contrast */
    --accent: #4ade80;

    /* === SOFT GREEN GRADIENTS === */
    --golden-gradient: linear-gradient(to bottom, #4ade80, #22c55e);
    --golden-solid: #86efac;
    --gold-dark-solid: #14532d;

    /* === DARK UI === */
    --input-dark-color: #1e2124;                 /* Slightly warmer dark */
    --card-dark: #1d1d1d;
    --sidebar-active-color: #4ade80;

    /* === LOGIN GRADIENTS (Softer Version) === */
    --login-big-gradient: linear-gradient(
        90deg,
        rgba(74, 222, 128, 0.25) 0%,             /* Low opacity soft green */
        rgba(30, 30, 35, 0.7) 35%,
        var(--background-950) 100%
    );

    --login-mobile-gradient: linear-gradient(
        180deg,
        rgba(74, 222, 128, 0.25) 0%,
        rgba(74, 222, 128, 0.15) 15%,
        rgba(34, 34, 34, 0.8) 30%,
        rgba(38, 38, 38, 1) 55%
    );

    /* === TEXT & BACKGROUND === */
    --text: #e2e8f0;                             /* Crisp off-white */

    --background-800: #1a1c1e;
    --background-900: #121416;
    --background-950: #0a0b0c;

    /* === BRAND TONES === */
    --primary-oso: #bbf7d0;                      /* Very soft mint tint */
    --main-text: white;
}