@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@200..900&display=swap');
@import url('../font/yakuhanjp/dist/css/yakuhanjp.css');

:host,
:root {
  --font-size-1: 128px;
  --font-size-2: 64px;
  --font-size-3: 42.667px; /* h1 */
  --font-size-4: 32px;     /* h2 */
  --font-size-5: 25.6px;
  --font-size-6: 21.333px;
  --font-size-7: 18.286px; /* h3 */
  --font-size-8: 16px;     /* body */
  --font-size-9: 14.222px;
  --font-size-10: 12.8px;  /* small */

  --font-family-main: YakuHanJP, "Noto Sans JP", sans-serif;
  --font-family-accent: "Noto Sans JP", serif;

  --color-main: #F88152;
  --color-main-hover: #76C4DA;
  --color-main-alpha: #2575C112;
  --color-white: #ffffff;
  --color-black: #333333;
  --color-accent: #C9A063;

  --breakpoint-mobile: 640px;
  --breakpoint-tablet: 960px;
  --breakpoint-laptop: 1280px;
  --breakpoint-desktop: 1920px;

}