:root {
    --transition-time: 1s;
    --transition-time-half: calc(var(--transition-time) / 2);
    --transition-time-double: calc(var(--transition-time) * 2);
    --color-red: #d8352b;
    --color-red-light: #ffe1df;
    --color-red-lighter: #ffeeee;
    --color-blue: #00aeef;
    --color-blue-light: #d1f3ff;
    --color-blue-lighter: #eef9ff;
    --color-yellow: #ffc425;
    --color-orange: orange;
    --color-orange-light: rgb(255, 243, 221);
    --color-green: #6aad3c;
    --color-green-sm: #c6e6b0;
    --color-green-xs: #edffe2;
    --color-green-lg: rgb(95 160 55);
    --color-gray: #999;
    --color-gray-sm: #ccc;
    --color-gray-xs: #f3f3f3;
    --color-black: #374151;
    --color-lime: #b2d235;
    font-size: max(10px, 1.6vmin);
    --u: 4rem;
    --u-sm: 3rem;
    --u-xs: 2rem;
    --u-2xs: 1.5rem;
    --u-3xs: 1rem;
    --u-4xs: 0.5rem;
    --u-lg: 5rem;
    --u-xl: 6rem;
    --border-radius: 0.5rem;
}