:root {
  --primary: #1D9E75;
  --primary-dark: #085041;
  --primary-dark-rgb: 8, 80, 65;
  --primary-light: #52B788;
  --primary-rgb: 29, 158, 117;
  --primary-deep: #062d22;
  --primary-mid: #0d6e4e;
  --accent: #E07A5F;
  --accent-dark: #c4603f;
  --accent-light: #f0967e;
  --accent-rgb: 224, 122, 95;
  --green-light: #E1F5EE;
  --green-border: #9FE1CB;
  --green-border-rgb: 159, 225, 203;
  --bg: #FAFAF8;
  --surface: #ffffff;
  --text: #1A1A1A;
  --text-secondary: #6B6B6B;
  --text-tertiary: #9B9B9B;
  --white: #ffffff;
  --footer-bg: #051f18;
  --cross-bg: #f5f5f5;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family:
    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Hiragino Sans", "Hiragino Kaku Gothic ProN",
    "Noto Sans JP", sans-serif;
  background-color: var(--bg);
  color: var(--text);
  line-height: 1.7;
  overflow-x: hidden;
}