:root {
  /* カラー指定 */
  --bg: #0f1220;
  --panel: #13182a;
  --ink: #e8ecff;
  --muted: #b7c0f0;
  --brand: #7aa2ff;
  --accent: #8bd5ff;
  --ok: #8df0a5;
  --warn: #ffd479;
  --code: #0b0f1e;
  --border: #24304d;
  /* 指定 */
  --size: 2em;
}

html {
  font-size: small;
}

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

a {
  text-decoration: none;
}

h1,
h2,
h3 {
  line-height: 1.25
}

h1 {
  font-size: clamp(28px, 3.6vw, 44px);
  margin: 16px 0 8px
}

h2 {
  font-size: clamp(22px, 2.6vw, 30px);
  margin: 40px 0 12px
}

h3 {
  font-size: clamp(18px, 2vw, 22px);
  margin: 28px 0 8px
}

p {
  margin: 0 0 1em
}