:root {
  --color-primary:      #3a8c4e;
  --color-primary-dark: #2a6a3a;
  --color-primary-light:#4caf65;
  --color-accent:       #8bc34a;
  --color-earth:        #a0784a;
  --color-earth-light:  #c9a070;
  --color-bg-light:     #f7fbf7;
  --color-bg-section:   #eef6ef;
  --color-text-dark:    #1a2e1a;
  --color-text-mid:     #4a5e4a;
  --color-text-light:   #7a8e7a;
  --color-white:        #ffffff;
  --color-border:       #d4e6d4;

  --font-heading: 'M PLUS 1p', 'Noto Sans JP', sans-serif;
  --font-body:    'Noto Sans JP', sans-serif;

  --size-xs:   0.75rem;
  --size-sm:   0.875rem;
  --size-base: 1rem;
  --size-md:   1.125rem;
  --size-lg:   1.5rem;
  --size-xl:   2rem;
  --size-2xl:  2.5rem;
  --size-3xl:  3.5rem;
  --size-4xl:  4.5rem;

  --spacing-xs:  0.5rem;
  --spacing-sm:  1rem;
  --spacing-md:  2rem;
  --spacing-lg:  4rem;
  --spacing-xl:  6rem;
  --spacing-2xl: 8rem;

  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --radius-full: 9999px;

  --shadow-sm: 0 2px 8px rgba(26,46,26,0.08);
  --shadow-md: 0 4px 24px rgba(26,46,26,0.12);
  --shadow-lg: 0 8px 40px rgba(26,46,26,0.16);

  --transition: 0.3s ease;
  --max-width: 1200px;
}