@import "tailwindcss";
@import "aos/dist/aos.css";

:root {
  color-scheme: only light;
}

@theme {
  --font-size-heading-h1: 3.75rem;
  --font-weight-heading-h1: 700;
  --font-size-heading-h2: 3rem;
  --font-weight-heading-h2: 700;
  --font-size-heading-h3: 1.875rem;
  --font-weight-heading-h3: 700;
  --font-size-title-xlbold: 1.5rem;
  --font-weight-title-xlbold: 700;
  --font-size-title-xlreg: 1.5rem;
  --font-weight-title-xlreg: 400;
  --font-size-title-lgbold: 1.25rem;
  --font-weight-title-lgbold: 700;
  --font-size-title-lgreg: 1.25rem;
  --font-weight-title-lgreg: 400;
  --font-size-title-mdbold: 1rem;
  --font-weight-title-mdbold: 700;
  --font-size-title-mdreg: 1rem;
  --font-weight-title-mdreg: 400;
  --font-size-title-smbold: 0.875rem;
  --font-weight-title-smbold: 700;
  --font-size-title-smreg: 0.875rem;
  --font-weight-title-smreg: 400;
  --font-size-title-xsbold: 0.75rem;
  --font-weight-title-xsbold: 700;
  --font-size-title-xsreg: 0.75rem;
  --font-weight-title-xsreg: 400;
  --font-size-body-xlreg: 1.5rem;
  --font-weight-body-xlreg: 400;
  --font-size-body-lgreg: 1.25rem;
  --font-weight-body-lgreg: 400;
  --font-size-body-mdreg: 1rem;
  --font-weight-body-mdreg: 400;
  --font-size-body-smreg: 0.875rem;
  --font-weight-body-smreg: 400;
  --font-size-body-smbold: 0.875rem;
  --font-weight-body-smbold: 700;
  --font-family-noto-sans-jp: "Noto Sans JP";
  --shadow-xs: 0rem 0.25rem 1.5rem 0rem rgba(0, 0, 0, 0.08);
  --color-vermeer-blue-500: #465daa;
  --color-gray50: #f9fafb;
  --color-gray100: #f3f4f6;
  --color-gray400: #9ca3af;
  --color-gray500: #6b7280;
  --color-red300: #e67374;
  --background: var(--color-gray50);
  /* #f9fafb */
  --foreground: #111827;
  /* dark gray for text */
}

html {
  scroll-behavior: smooth;
  box-sizing: border-box;
  overflow-x: hidden;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

body {
  background: #fff;
  color: var(--foreground);
  font-family: Noto Sans JP, sans-serif;
  overflow-x: hidden;
  width: 100vw;
}

.container {
  max-width: 1400px;
}

.page-title {
  font-size: 48px;
  font-weight: 700;
  line-height: 67.2px;
  letter-spacing: 0.8px;
}

.page-sub-title {
  font-size: 24px;
  font-weight: 700;
  line-height: 33.6px;
  letter-spacing: 0.8px;
}

.text-spacing-1 {
  line-height: 150%;
  letter-spacing: 0.8px;
}