:root {
    /*--- Colors ---*/
    --color-primary-50:   234, 248, 244;
    --color-primary-100:  188, 232, 218;
    --color-primary-200:  142, 217, 193;
    --color-primary-300:  135, 216, 190;
    --color-primary-400:  93, 195, 162;
    --color-primary-500:  49, 185, 142;
    --color-primary-600:  41, 154, 118;
    --color-primary-700:  24, 91, 70;
    --color-primary-800:  16, 59, 45;
    --color-primary-900:  7, 28, 21;

    --color-secondary-50:   255, 237, 239;
    --color-secondary-100:  253, 209, 215;
    --color-secondary-200:  247, 176, 184;
    --color-secondary-300:  255, 154, 169;
    --color-secondary-400:  255, 113, 134;
    --color-secondary-500:  255, 72, 99;
    --color-secondary-600:  217, 61, 84;
    --color-secondary-700:  179, 50, 69;
    --color-secondary-800:  140, 40, 54;
    --color-secondary-900:  102, 29, 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-500);
    --btn-secondary-color-hover: var(--color-secondary-700);
    --btn-secondary-color-focus-ring: var(--color-secondary-200);
}