/* この public/styles/global.css は src/styles/global.css をビルド時に Astro が処理し、
   配信用に書き出すための入口です。中身は src/styles/global.css と同じ。
   ※ Astro 5系では src/ 配下の CSS を import すれば自動配信されるため、
     本ファイルは将来削除候補です（C-3 で全コンポーネント実装後に整理）。 */

/* 暫定: src/styles/global.css の内容と同じものを保持。
   実体は src/ 配下を真とし、ここはビルド過程の便宜ファイルとして残す。 */

@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@500;600;700;800&family=Zen+Kaku+Gothic+New:wght@400;500;700;900&family=Bodoni+Moda:ital,wght@0,400;0,700;1,500&display=swap');

:root {
  --paper: #f4f1ea;
  --paper-2: #e9e4d8;
  --ink: #1c1a16;
  --dark: #0d0c0a;
  --dark-2: #161512;
  --red: #a52a2a;
  --red-br: #c8334a;
  --gold: #c8a04a;
  --mut: #8a8270;
  --mut-d: #857e70;
  --font-mincho: 'Shippori Mincho', 'Yu Mincho', 'YuMincho', serif;
  --font-sans: 'Zen Kaku Gothic New', 'Yu Gothic', 'Hiragino Kaku Gothic ProN', sans-serif;
  --font-bodoni: 'Bodoni Moda', 'Bodoni 72', Georgia, serif;
  --content-max: 1280px;
  --gutter: 56px;
  --gutter-sm: 24px;
}

*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
body { background: var(--paper); color: var(--ink); font-family: var(--font-sans); font-size: 16px; line-height: 1.7; min-height: 100vh; }
img, picture, svg, video { display: block; max-width: 100%; height: auto; }
ul, ol { list-style: none; }
a { color: inherit; text-decoration: none; }
button { font: inherit; background: none; border: none; cursor: pointer; color: inherit; }

.container { max-width: var(--content-max); margin-inline: auto; padding-inline: var(--gutter); }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

@media (max-width: 768px) {
  :root { --gutter: 24px; }
}