/* VARIABLES */
:root {
    /* --colors */
    --c-charge-gradient-vertical: linear-gradient(180deg, #5DFF8F 0%, #53D2FF 100%);
    --c-charge-gradient-diagonal: linear-gradient(170deg, #5DFF8F 17.62%, #53D2FF 75.44%);
    --c-error: #E14F4F;
    --c-red-200: rgba(225, 79, 79, 0.2);
    --c-blue-200: #F3FDFC;
    --c-green-300: #8AEEDC;
    --c-gray-300: #F2F2F2;
    --c-gray-400: #C4C4C4;
    --c-gray-450: #A6A6A6;
    --c-gray-500: #5E5E5E;
    --c-black: #333333;
    /* --font-families */
    --ff-primary: 'Rubik', sans-serif;
    /* --sizes */
    --mw-l: 1120px;
    --mw: 960px;
    /* --shadows */
    --shadow-01: 0px 4px 12px rgba(202, 202, 202, 0.5);
}