/* ===== base.css ===== */
:root{
  --bg:#ffffff;
  --page-bg:#f7f7f7;
  --next-section-bg:#ffffff;
  --hero-max-width:1920px;
  --hero-radius:20px;
  --text:#0f1113;
  --muted:#6b7280;
  --line:rgba(15,17,19,.10);
  --soft:rgba(15,17,19,.04);
  --max:1120px;
  --r:18px;

  /* Accent (Tiffany-ish but restrained) */
  --accent:#2fbdb3;
  --accent-ink:#0e3a35;

  /* Hero overlay */
  --shade:rgba(0,0,0,.42);
  --shade2:rgba(0,0,0,.14);

  --shadow: 0 20px 60px rgba(0,0,0,.10);

  /* Footer fill */
  --footer-bg:#3FD6D3;
  --footer-ink:#ffffff;
  --footer-muted:#f8f8f8;
  --footer-link:#ffffff;
  --footer-link-hover:#d9f1f0;
  --footer-line:rgba(255,255,255,.38);
}

*{ box-sizing:border-box; }

html{
  scroll-behavior:smooth;
  font-size:18px;
}

body{
  margin:0;
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto,
    "Hiragino Sans", "Noto Sans JP", "Yu Gothic", Arial, sans-serif;
  color:var(--text);
  background:var(--bg);
  font-size:0.95rem;
  line-height:1.75;
  letter-spacing:.01em;
}

a{ color:inherit; text-decoration:none; }

.wrap{
  max-width:var(--max);
  margin:0 auto;
  padding:20px 22px;
}

main.wrap{ padding-top:0; }

/* ===== i18n helpers ===== */
html[data-lang="ja"] .en{ display:none; }
html[data-lang="en"] .ja{ display:none; }