@charset "UTF-8";

:root {
  --breakpoint-sm: 768px;
  --breakpoint-md: 1024px;
  --breakpoint-lg: 1280px;
  --breakpoint-xl: 1440px;
}

:root {
  --color-black: #000;
  --color-white: #fff;
  --color-blue-100: #779abf;
  --color-blue-200: #3267a0;
}

:root {
  --font-family-base: "Zen Old Mincho", serif;
  --font-family-en: "Cinzel", serif;
}

:root {
  --font-size-3xs: 10px;
  --font-size-2xs: 12px;
  --font-size-xs: 14px;
  --font-size-sm: 15px;
  --font-size-md: 16px;
  --font-size-xl: 18px;
  --font-size-2xl: 20px;
  --font-size-3xl: 22px;
  --font-size-4xl: 24px;
  --font-size-5xl: 28px;
  --font-size-6xl: 32px;
  --font-size-7xl: 36px;
  --font-size-8xl: 40px;
  --font-size-9xl: 60px;
}

:root {
  --font-weight-sm: 400;
  --font-weight-md: 500;
  --font-weight-lg: 600;
  --font-weight-xl: 700;
}

:root {
  --letter-spacing-none: 0;
  --letter-spacing-md: .05em;
}

:root {
  --line-height-none: 1;
  --line-height-sm: 1.2;
  --line-height-md: 1.5;
  --line-height-lg: 1.8;
}

:root {
  --content-width-sm: 800px;
  --content-width-md: 1000px;
  --content-width-lg: 1200px;
  --content-padding-side: 120px;

  @media (max-width: 768px) {
    --content-padding-side: 20px;
  }
}

:root {
  --border-radius-full: calc(infinity * 1px);
}

:root {
  --duration: .3s;
  --easing: ease;
}