@charset "UTF-8";

:root {
    --font-size-small: 12px;
    --font-size-medium: 16px;
    --font-size-large: 18px;
    --font-size-x-large: 20px;
    --font-size-xx-large: 24px;
    --font-size-xxx-large: 28px;

    --space-half: 4px;
    --space-lvl1: 8px;
    --space-lvl2: 16px;
    --space-lvl3: 24px;
    --space-lvl4: 32px;
    --space-lvl5: 40px;
    --space-lvl6: 48px;
    --space-lvl7: 56px;
    --space-lvl8: 64px;
    --space-lvl9: 72px;
    --space-lvl10: 80px;
    --space-lvl11: 88px;
    --space-lvl12: 96px;

    --hakaruGreen-700: #0A819A;
    --aqua-700: #63B0B1;
    --jayBlue-700: #76AEB0;
    --blue-700: ;
    --gray-900: #545454;
    --gray-800: ;
    --gray-400: ;
    --gray-300: #D9D9D9;
    --gray-100: #F7F7F7;
    --white: #ffffff;
    --red: #D63633;

    --box-shadow: 0 0 6px 2px rgba(17, 26, 43, 0.11);
    --button-shadow: 0px 2px 4px 2px rgba(0, 0, 0, 0.2);
}