/* ===========================================================
   ES Transform — common base styles
   shared by index.html, about.html, license.html
   =========================================================== */

:root {
  --ink: #1a1410;
  --paper: #ede4d3;
  --paper-dark: #d9cdb4;
  --accent: #8b3a1f;
  --line: #3a2a1f;
  --shadow: rgba(26, 20, 16, 0.15);
  --pad-x: 3rem;
  color-scheme: light;
}

@media (max-width: 700px) {
  :root { --pad-x: 1.25rem; }
}

* { box-sizing: border-box; margin: 0; padding: 0; }

html, body {
  background: var(--paper);
  color: var(--ink);
  /* Cormorant Garamond は和文グリフを持たないので、和文は Shippori Mincho にフォールバック。
     Shippori Mincho は italic を持たないため、italic 指定時の合成斜体を font-synthesis: none で抑止。*/
  font-family: 'Cormorant Garamond', 'Shippori Mincho', serif;
  font-synthesis: none;
  min-height: 100vh;
}

/* ページ内アンカーリンクをスムーススクロール (アクセシビリティ配慮で reduced-motion 時は無効) */
@media (prefers-reduced-motion: no-preference) {
  html { scroll-behavior: smooth; }
}

body {
  background-image:
    radial-gradient(ellipse at top left, rgba(139, 58, 31, 0.05), transparent 50%),
    radial-gradient(ellipse at bottom right, rgba(58, 42, 31, 0.08), transparent 50%);
}

body::before {
  content: '';
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 100;
  opacity: 0.04;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

/* visually-hidden utility (a11y) */
.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;
}