:root {
  --ink: #1a2b3c;
  --accent: #79c8df;
  --paper: #ffffff;
  --line: rgba(26, 43, 60, 0.18);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
}
a { color: inherit; text-decoration: none; }
button, input, textarea { font: inherit; }
a[href], button:not(:disabled) { cursor: pointer; }
a, button { transition: color .2s, background-color .2s, border-color .2s, box-shadow .2s, transform .2s; }
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible {
  outline: 3px solid var(--accent);
  outline-offset: 3px;
}