/* ============================================================
   JabaracDesign — Reset / Base
   ============================================================ */

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

html { scroll-behavior: smooth; scroll-padding-top: 20px; }

body {
  background: var(--page);
  color: var(--ink);
  font-family: var(--font-sans);
  font-size: 14px;
  line-height: 1.7;
  letter-spacing: .01em;
  font-feature-settings: "palt";
  transition: background var(--dur-mid), color var(--dur-mid);
}

button { font-family: inherit; color: inherit; background: none; border: none; cursor: pointer; }
a { color: inherit; text-decoration: none; }

:focus-visible { outline: 1.5px solid var(--brand); outline-offset: 2px; }

code {
  font-family: var(--font-mono);
  font-size: 12px;
  background: color-mix(in srgb, var(--ink) 7%, transparent);
  padding: 1px 6px;
  border-radius: 4px;
}

/* アイコン共通 */
svg.ic {
  width: 18px; height: 18px;
  stroke: currentColor; stroke-width: 1.6; fill: none;
  stroke-linecap: round; stroke-linejoin: round;
  vertical-align: -3px;
}

/* 動きを抑える設定では一切動かさない */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition: none !important; animation: none !important; }
}