@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@500;700&display=swap");

:root {
  --primary: #1b4332;
  --primary-dark: #0f2b1f;
  --primary-light: #52b788;
  --primary-rgb: 27, 67, 50;
  --accent: #c9956b;
  --accent-light: #e8c9a8;
  --accent-rgb: 201, 149, 107;
  --main-bg: #f5f2ed;
  --main-bg-warm: #ece7df;
  --surface-bg: #ffffff;
  --gray-600: #64748b;
  --gray-700: #1e293b;
  --white: #ffffff;
  --font-serif: "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", Georgia,
    serif;
  --error: #ef4444;
  --error-dark: #991b1b;
  --error-light: #fef2f2;
  --error-border: #fecaca;
  --success-dark: #065f46;
  --success-light: #ecfdf5;
  --success-border: #a7f3d0;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family:
    "Hiragino Sans",
    "Hiragino Kaku Gothic ProN",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    "Noto Sans JP",
    Roboto,
    "Helvetica Neue",
    Arial,
    sans-serif;
  background-color: var(--main-bg);
  color: var(--gray-700);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}