:root {
    
    --color-successful-50: oklch(97% 0.08 120);
    --color-successful-100: oklch(95% 0.12 122);
    --color-successful-200: oklch(94% 0.16 124);
    --color-successful-300: oklch(92% 0.19 126);
    --color-successful-400: oklch(89% 0.22 128);
    --color-successful-500: oklch(87% 0.23 130);
    --color-successful-600: oklch(77% 0.23 137);
    --color-successful-700: oklch(65% 0.21 141);
    --color-successful-800: oklch(53% 0.18 142);
    --color-successful-900: oklch(40% 0.12 145);
    --color-successful-950: oklch(26% 0.07 154);
    
    --color-alert-50: oklch(97% 0.02 3);
    --color-alert-100: oklch(88% 0.07 6);
    --color-alert-200: oklch(79% 0.12 8);
    --color-alert-300: oklch(72% 0.17 12);
    --color-alert-400: oklch(66% 0.21 17);
    --color-alert-500: oklch(61% 0.23 22);
    --color-alert-600: oklch(57% 0.23 25);
    --color-alert-700: oklch(50% 0.2 25);
    --color-alert-800: oklch(43% 0.17 24);
    --color-alert-900: oklch(35% 0.14 24);
    --color-alert-950: oklch(27% 0.11 22);
    
    --color-warning-50: oklch(98% 0.03 96);
    --color-warning-100: oklch(95% 0.07 98);
    --color-warning-200: oklch(93% 0.1 98);
    --color-warning-300: oklch(92% 0.14 99);
    --color-warning-400: oklch(91% 0.16 99);
    --color-warning-500: oklch(90% 0.18 98);
    --color-warning-600: oklch(90% 0.19 97);
    --color-warning-700: oklch(80% 0.16 93);
    --color-warning-800: oklch(70% 0.14 89);
    --color-warning-900: oklch(61% 0.12 84);
    --color-warning-950: oklch(53% 0.1 81);
    
    --color-black-50: oklch(91% 0 0);
    --color-black-100: oklch(84% 0 0);
    --color-black-200: oklch(77% 0 0);
    --color-black-300: oklch(70% 0 0);
    --color-black-400: oklch(62% 0 0);
    --color-black-500: oklch(55% 0 0);
    --color-black-600: oklch(47% 0 0);
    --color-black-700: oklch(38% 0 0);
    --color-black-800: oklch(30% 0 0);
    --color-black-900: oklch(20% 0 0);
    --color-black-950: oklch(0% 0 0);
    
    --color-secondary-dark-50: oklch(64% 0.16 251);
    --color-secondary-dark-100: oklch(57% 0.2 258);
    --color-secondary-dark-200: oklch(49% 0.2 261);
    --color-secondary-dark-300: oklch(41% 0.19 263);
    --color-secondary-dark-400: oklch(35% 0.17 265);
    --color-secondary-dark-500: oklch(29% 0.15 266);
    --color-secondary-dark-600: oklch(23% 0.13 268);
    --color-secondary-dark-700: oklch(17% 0.1 270);
    --color-secondary-dark-800: oklch(16% 0.08 277);
    --color-secondary-dark-900: oklch(15% 0.06 283);
    --color-secondary-dark-950: oklch(13% 0.05 290);
    
    --color-secondary-50: oklch(94% 0.01 286);
    --color-secondary-100: oklch(85% 0.04 285);
    --color-secondary-200: oklch(75% 0.09 283);
    --color-secondary-300: oklch(64% 0.17 280);
    --color-secondary-400: oklch(53% 0.26 273);
    --color-secondary-500: oklch(47% 0.3 266);
    --color-secondary-600: oklch(42% 0.29 264);
    --color-secondary-700: oklch(36% 0.24 265);
    --color-secondary-800: oklch(30% 0.2 265);
    --color-secondary-900: oklch(24% 0.15 267);
    --color-secondary-950: oklch(17% 0.1 270);
    
    --color-primary-50: oklch(98% 0.03 169);
    --color-primary-100: oklch(95% 0.08 168);
    --color-primary-200: oklch(92% 0.13 166);
    --color-primary-300: oklch(90% 0.16 163);
    --color-primary-400: oklch(89% 0.19 160);
    --color-primary-500: oklch(88% 0.21 156);
    --color-primary-600: oklch(75% 0.18 156);
    --color-primary-700: oklch(62% 0.15 157);
    --color-primary-800: oklch(49% 0.12 157);
    --color-primary-900: oklch(35% 0.08 158);
    --color-primary-950: oklch(19% 0.04 164);
  
    --gradient-background: linear-gradient(-45deg, var(--color-secondary-dark-950), var(--color-secondary-950));
    --button-color-1: var(--color-primary-500);
    --button-color-1: var(--color-secondary-500);
}