/* Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;600&family=Noto+Sans+JP:wght@400;500;700&family=Noto+Serif+JP:wght@400;600&display=swap');

/* CSS Variables */
:root {
  /* ベース */
  --color-bg:         #F7F6F3;
  --color-surface:    #FFFFFF;
  --color-text:       #1A1A18;
  --color-muted:      #7A7A72;

  /* アクセント */
  --color-accent:     #2A6B5C;
  --color-accent-sub: #E8F0EE;
  --color-line:       #DEDDD8;

  /* グラデーション */
  --gradient-hero: linear-gradient(135deg, #F7F6F3 0%, #E8F0EE 100%);

  /* フォント */
  --font-ja-serif:    'Noto Serif JP', serif;
  --font-ja-sans:     'Noto Sans JP', sans-serif;
  --font-en-display:  'Cormorant Garamond', serif;

  /* テキストスケール */
  --text-xs:          0.75rem;
  --text-sm:          0.875rem;
  --text-base:        1rem;
  --text-lg:          1.125rem;
  --text-xl:          1.25rem;
  --text-2xl:         1.5rem;
  --text-3xl:         2rem;
  --text-4xl:         2.75rem;
  --text-5xl:         3.75rem;
}

/* リセット */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  font-size: 16px;
}

body {
  font-family: var(--font-ja-sans);
  color: var(--color-text);
  background-color: var(--color-bg);
  line-height: 1.6;
}

img {
  display: block;
  max-width: 100%;
  height: auto;
}

a {
  color: inherit;
  text-decoration: none;
}

button {
  border: none;
  background: none;
  font-family: inherit;
  cursor: pointer;
}

/* prefers-reduced-motion */
@media (prefers-reduced-motion: reduce) {
  * {
    animation: none !important;
    transition: none !important;
  }
}