:root {
    /*--- Colors ---*/
    --color-primary-50:   235, 245, 255;
    --color-primary-100:  195, 230, 254;
    --color-primary-200:  145, 210, 253;
    --color-primary-300:  95, 189, 252;
    --color-primary-400:  45, 168, 251;
    --color-primary-500:  5, 146, 240;
    --color-primary-600:  4, 116, 190;
    --color-primary-700:  3, 85, 140;
    --color-primary-800:  2, 55, 90;
    --color-primary-900:  1, 24, 40;

    --color-secondary-50:   235, 245, 255;
    --color-secondary-100:  195, 230, 254;
    --color-secondary-200:  145, 210, 253;
    --color-secondary-300:  95, 189, 252;
    --color-secondary-400:  45, 168, 251;
    --color-secondary-500:  5, 146, 240;
    --color-secondary-600:  4, 116, 190;
    --color-secondary-700:  3, 85, 140;
    --color-secondary-800:  2, 55, 90;
    --color-secondary-900:  1, 24, 40;

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