:root {
    --primary-color-lighter: #31cc90 !important;
    --primary-color: #dfbd69 !important;
    --primary-color-hover: #926f34;
    --primary-text-color: white;
    --primary-dark-color: #131416;
    --secondary-lighter-color: #262626;
    --input-dark-color: #0b0c0e;
    --golden-gradient: linear-gradient(to bottom, #dfbd69, #926f34);
    --golden-solid: #dfbd69;
    --gold-dark-solid: #926f34;
    --card-dark: #1d1d1d;
    --sidebar-active-color: #0d0d0d;
    --login-big-gradient: linear-gradient(
        90deg,
        rgba(136, 98, 2, 0.29735644257703087) 0%,
        rgba(40, 39, 47, 0.6587009803921569) 31%,
        var(--background-950) 100%
    );
    --login-mobile-gradient: linear-gradient(
            180deg,
            rgba(154, 112, 4, 0.6923144257703081) 0%,
            rgba(147, 93, 6, 0.5606617647058824) 13%,
            rgba(34, 34, 34, 0.7147233893557423) 27%,
            rgba(38, 38, 38, 1) 53%
        );

    --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(47, 56%, 74%);
    --secondary-oso: hsl(47, 67%, 31%);
    --accent: hsl(47, 76%, 52%);
}