:root {
  /* Brand colors (Figma design tokens) */
  --color-primary: #0095d9;
  --color-primary-dark: #0092d6;
  --color-accent: #009edb;
  --color-ink: #272727;
  --color-charcoal: #333333;
  --color-accent-yellow: #ffe600;
  --color-cta-yellow: #ffec70;

  /* Fonts */
  --font-sans: "Noto Sans JP", sans-serif;
  --font-heading: "Zen Kaku Gothic New", sans-serif;
  --font-script: "Cedarville Cursive", cursive;
}

html {
  scroll-behavior: smooth;
}

section[id] {
  scroll-margin-top: 80px; /* ヘッダー(h-20)の高さ分だけアンカー位置を補正 */
}

body {
  font-family: var(--font-sans);
  color: var(--color-ink);
}