:root {
    /*--- Colors ---*/
    --color-primary-50: 237, 246, 250;
    --color-primary-100: 195, 219, 230;
    --color-primary-200: 166, 201, 218;
    --color-primary-300: 138, 184, 206;
    --color-primary-400: 109, 166, 194;
    --color-primary-500: 80, 149, 182;
    --color-primary-600: 53, 123, 156;
    --color-primary-700: 38, 88, 112;
    --color-primary-800: 27, 54, 67;
    --color-primary-900: 11, 22, 27;

    --color-secondary-50: 253, 236, 228;
    --color-secondary-100: 251, 223, 209;
    --color-secondary-200: 248, 196, 172;
    --color-secondary-300: 245, 169, 134;
    --color-secondary-400: 241, 143, 97;
    --color-secondary-500: 238, 116, 59;
    --color-secondary-600: 195, 83, 34;
    --color-secondary-700: 162, 67, 23;
    --color-secondary-800: 116, 46, 13;
    --color-secondary-900: 67, 25, 6;

    /*--- Buttons ---*/
    --btn-primary-color: var(--color-primary-600);
    --btn-primary-color-hover: var(--color-primary-700);
    --btn-primary-color-focus-ring: var(--color-primary-200);
    
    --btn-secondary-color: var(--color-secondary-600);
    --btn-secondary-color-hover: var(--color-secondary-700);
    --btn-secondary-color-focus-ring: var(--color-secondary-200);
}