:root {
    /*--- Colors ---*/
    --color-primary-50:   229, 250, 255;
    --color-primary-100:  204, 246, 255;
    --color-primary-200:  153, 233, 255;
    --color-primary-300:  95, 189, 252;
    --color-primary-400:  45, 168, 251;
    --color-primary-500:  0, 175, 216;
    --color-primary-600:  0, 153, 191;
    --color-primary-700:  0, 130, 163;
    --color-primary-800:  0, 105, 132;
    --color-primary-900:  0, 78, 99;

    --color-secondary-50:   239, 255, 230;
    --color-secondary-100:  226, 250, 211;
    --color-secondary-200:  201, 242, 170;
    --color-secondary-300:  179, 230, 132;
    --color-secondary-400:  159, 215, 97;
    --color-secondary-500:  140, 197, 66;
    --color-secondary-600:  113, 177, 54;
    --color-secondary-700:  87, 155, 42;
    --color-secondary-800:  64, 132, 32;
    --color-secondary-900:  43, 108, 23;

    /*--- 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-600);
    --btn-secondary-color-hover: var(--color-secondary-700);
    --btn-secondary-color-focus-ring: var(--color-secondary-200);
}