:root {
    --color-blue-steel: #6a8ac1;
    --color-blue-steel-rgb: 106, 138, 193;
    --color-blue-sky: #8ea8d5;
    --color-blue-sky-rgb: 142, 168, 213;
    --color-blue-pale: #b8caea;
    --color-blue-pale-rgb: 184, 202, 234;
    --color-purple-vivid: #9f00b8;
    --color-purple-vivid-rgb: 159, 0, 184;
    --color-gray-mid: #707070;
    --color-gray-mid-rgb: 112, 112, 112;
    --color-gray-light: #d9d9d9;
    --color-gray-light-rgb: 217, 217, 217;
    --color-gray-lighter: #e5e5e5;
    --color-gray-lighter-rgb: 229, 229, 229;
    --color-gray-offwhite: #f5f5f5;
    --color-gray-offwhite-rgb: 245, 245, 245;
    --color-gray-verylight: #f8f8f8;
    --color-gray-verylight-rgb: 248, 248, 248;
    --color-red-soft: #e37979;
    --color-red-soft-rgb: 227, 121, 121;
    --color-pink-pastel: #f2cdcd;
    --color-pink-pastel-rgb: 242, 205, 205;
    --color-pink-pale: #e59e9e;
    --color-pink-pale-rgb: 229, 158, 158;
    --color-white: #ffffff;
    --color-white-rgb: 255, 255, 255;
    --duration: 0.35s;
    --cubic: cubic-bezier(0.645, 0.045, 0.355, 1);
}