:root {
  --bg-top: #FAFCFA;
  --bg-bot: #EFF4EF;
  --ink: #1C241D;
  --ink-soft: rgba(28, 36, 29, 0.82);
  /* Brand */
  --brand: #3baa48;
  --brand-deep: #2f8f3c;
  --brand-dark: #1f6b2b;
  --brand-soft: rgba(59, 170, 72, 0.10);
  --brand-soft-strong: rgba(59, 170, 72, 0.16);
  /* 互換エイリアス（旧モノクロトークン名を brand 系へ再マッピング） */
  --green: var(--brand);
  --green-deep: var(--brand-dark);
  --clay: #5f6f61;
  --glass-bg: rgba(255, 255, 255, 0.62);
  --glass-bg-strong: rgba(255, 255, 255, 0.82);
  --glass-border: rgba(31, 107, 43, 0.10);
  --line: rgba(28, 36, 29, 0.12);
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  color: var(--ink);
  font-family: "Noto Sans JP", sans-serif;
  -webkit-font-smoothing: antialiased;
  background:
    radial-gradient(900px 600px at 85% -10%, rgba(59, 170, 72, 0.08), transparent 60%),
    radial-gradient(700px 500px at 0% 20%, rgba(59, 170, 72, 0.06), transparent 55%),
    linear-gradient(180deg, var(--bg-top), var(--bg-bot) 60%, var(--bg-top));
  background-attachment: fixed;
}

h1, h2, .disp {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  letter-spacing: .01em;
  margin: 0;
}

h3 {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  letter-spacing: .01em;
  margin: 0;
}

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

img {
  max-width: 100%;
  display: block;
}