:root {
  --ColorBlack-450: #101113;
  --ColorBlack-500: #000000;
  --ColorBlack-300: #282828;
  --ColorBlack-150: #333333;
  --ColorGray-750: #3F434A;
  --ColorGray-700: #575C66;
  --ColorGray-600: #898E9A;
  --ColorGray-500: #6E7581;
  --ColorGray-400: #A3A3A3;
  --ColorGray-300: #A4A9B2;
  --ColorGray-250: #D9D9D9;
  --ColorGray-200: #E9EAEC;
  --ColorGray-150: #DBDDE1;
  --ColorGray-100: #C0C3C9;
  --ColorGray-75: #E5E5E5;
  --ColorGray-50: #e0e0e0;
  --ColorGray-25: #eee;
  --ColorGray-10: #F7F7F8;
  --ColorAmber-500: #DBA974;
  --ColorWhite-50: #FFFFFF;
  --ColorWhite-100: #f0f0f0;
  --ColorRed-500: #FF0000;
  --ColorRed-300: #FF3300;
  --ColorRed-200: #FF4800;
  --ColorRed-100: #FF5C33;
  --ColorPink-800: #F12E4F;
  --ColorPink-400: #FF69B4;
  --ColorPink-300: #FF67A9;
  --ColorPink-50: #FFEBE6;
  --ColorBrown-500: #9F7963;
  --ColorGray-500-alt: #828282;
  --ColorGreen-500: #54AB53;
  --ColorBlue-900: #003F85;
  --ColorBlue-700: #0077FA;
  --ColorBlue-800: #0C66E4;
  --ColorBlue-500: #4F8BE7;
  --ColorPink-500: #F484B5;
  --ColorChoco-500: #6D4B37;
  --ColorBlack-600: #2E2E2E;
  --ColorClear-300: #B6D2EC;
  --ColorWhite-100-alt: #E2E2E2;
  --ColorBlack-900: #1E1C22;
  --ColorPorcelain-100: #F4D4BB;
  --ColorPorcelain-200: #EFCFA9;
  --ColorPorcelain-300: #F2C490;
  --ColorNatural-200: #E5CA9B;
  --ColorBeige-300: #DBA974;
  --ColorHoney-400: #D19556;
  --ColorAlmond-500: #BD8049;
  --ColorEspresso-700: #855227;
  --FontSizeXxLarge: 2.5rem;
  --FontSizeXmLarge: 2.25rem;
  --FontSizeXmsLarge: 2rem;
  --FontSizeLLarge: 1.75rem;
  --FontSizeXLarge: 1.5rem;
  --FontSizeMLarge: 1.25rem;
  --FontSizeLarge: 1.125rem;
  --FontSizeMedium: 1rem;
  --FontSizeRegular: 0.9375rem;
  --FontSizeBase: 0.875rem;
  --FontSizeModerate: 0.813rem;
  --FontSizeSmall: 0.75rem;
  --FontSizeMicro: 0.688rem;
  --FontSizeSuperMicro: 0.625rem;
  --FontWeightSmall: 300;
  --FontWeightNormal: 400;
  --FontWeightLarge: 600;
  --FontWeightMLarge: 700;
  --FontWeightXLarge: 800;
  --LayoutHeaderHeight: 56px;
  --LayoutGnbHeight: 41.5px;
  --LayoutProjectWidth: 600px;
  --ThemeColorColorMainBackground: var(--ColorWhite-50);
  --ThemeColorColorContentBackground: var(--ColorWhite-50);
  --ThemeColorColorFontColor: var(--ColorBlack-450);
  --ThemeColorColorOuterBackground: var(--ColorWhite-50);
  --ThemeColorColorHeaderBackground: var(--ColorWhite-50);
}
:root {
  font-weight: var(--FontWeightNormal);
  color-scheme: light dark;
  color: var(--ThemeColorColorFontColor);
  background-color: var(--ThemeColorColorOuterBackground);
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
}