/* ==========================================================================
   base.css — Design tokens, reset, base typography
   ========================================================================== */

:root {
  --bg: #ffffff;
  --bg-2: #f3f2ee;
  --text: #0a0a0a;
  --mute: #8a8a8a;
  --line: #e5e4e0;
  --accent: #0a0a0a;
  --maxw: 1240px;
}

* { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
  font-family: 'Noto Sans JP', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  background: var(--bg);
  color: var(--text);
  line-height: 1.85;
  font-weight: 400;
  font-feature-settings: "palt";
  letter-spacing: 0.04em;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  overflow-x: hidden;
}
body.menu-open { overflow: hidden; }

img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; transition: opacity .25s ease; }
a:hover { opacity: .55; }
::selection { background: #0a0a0a; color: #fff; }