/* Design tokens: 和モダン (Japanese modern) */
:root {
  /* Color: 和色 (wa-iro) palette */
  --sumi:    #1a1a1a;
  --kon:     #0f3562;
  --ai:      #1d4e89;
  --shu:     #b93a2a;
  --kincha:  #a68b5b;
  --washi:   #f5efe0;
  --kinari:  #faf6ea;
  --haku:    #fffdf7;
  --rindou:  #5d4f7a;

  --text:           var(--sumi);
  --text-muted:     #4a4a4a;
  --text-inverse:   var(--haku);
  --bg:             var(--washi);
  --bg-card:        var(--kinari);
  --bg-clean:       var(--haku);
  --border:         rgba(26, 26, 26, 0.12);
  --border-accent:  var(--kincha);
  --link:           var(--kon);
  --link-hover:     var(--shu);
  --cta:            var(--shu);
  --cta-hover:      #982a1e;

  /* Typography */
  --font-serif:  "Shippori Mincho", "游明朝", "Yu Mincho", "Hiragino Mincho ProN", serif;
  --font-sans:   "Noto Sans JP", "游ゴシック", "Yu Gothic", "Hiragino Sans", sans-serif;

  --fs-xs:  0.8125rem;
  --fs-sm:  0.9375rem;
  --fs-base: 1rem;
  --fs-md:  1.125rem;
  --fs-lg:  1.375rem;
  --fs-xl:  1.75rem;
  --fs-2xl: clamp(1.75rem, 3vw, 2.5rem);
  --fs-3xl: clamp(2.25rem, 5vw, 3.5rem);
  --fs-hero: clamp(3rem, 9vw, 6rem);

  --lh-tight:   1.2;
  --lh-normal:  1.7;
  --lh-loose:   2;

  /* Spacing */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-section: clamp(4rem, 10vw, 8rem);

  /* Layout */
  --container: 72rem;
  --container-narrow: 48rem;

  /* Radius */
  --r-sm: 2px;
  --r-md: 4px;
  --r-lg: 8px;

  /* Shadow */
  --shadow-sm: 0 1px 3px rgba(26, 26, 26, 0.06);
  --shadow-md: 0 6px 24px rgba(26, 26, 26, 0.08);

  /* Motion */
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --dur-fast: 160ms;
  --dur-med: 320ms;
  --dur-slow: 640ms;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --dur-fast: 0ms;
    --dur-med: 0ms;
    --dur-slow: 0ms;
  }
}