/* ベーススタイル + タイポグラフィ (docs/DESIGN.md 準拠、ライトテーマのみ) */
* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
}

body {
  font-family: var(--font-sans);
  /* DESIGN.md は body 300 だが、和文システムフォントでは小サイズの判読性が落ちるため 400 に引き上げ (逸脱) */
  font-weight: 400;
  font-size: 15px; /* body-md */
  line-height: 1.4;
  color: var(--ink);
  background: var(--canvas-soft);
  font-feature-settings: "ss01"; /* DESIGN.md: ss01 はグローバルに */
  min-height: 100vh;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: antialiased;
}

/* --- タイポスケール (display 系のみ weight 300 + 負トラッキング = ブランドの署名) --- */
.display-lg {
  font-size: 32px;
  font-weight: 300;
  line-height: 1.1;
  letter-spacing: -0.64px;
}
.display-md {
  font-size: 26px;
  font-weight: 300;
  line-height: 1.12;
  letter-spacing: -0.26px;
}
.heading-lg {
  font-size: 22px;
  font-weight: 300;
  line-height: 1.1;
  letter-spacing: -0.22px;
}
.heading-md {
  font-size: 20px;
  font-weight: 300;
  line-height: 1.4;
  letter-spacing: -0.2px;
}
.heading-sm {
  font-size: 18px;
  font-weight: 400; /* 和文判読性のため 300 → 400 (逸脱) */
  line-height: 1.4;
}
.body-lg {
  font-size: 16px;
}
.caption {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: -0.39px;
  color: var(--ink-mute);
}
.micro {
  font-size: 11px;
  line-height: 1.4;
}
.micro-cap {
  font-size: 10px;
  font-weight: 400;
  line-height: 1.15;
  letter-spacing: 0.1px;
  text-transform: uppercase;
}
/* 数値セル (RSSI / 時刻 / パルス数) は tabular figures — DESIGN.md の署名 */
.tnum {
  font-feature-settings: "ss01", "tnum";
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.42px;
}

h1,
h2,
h3,
p {
  margin: 0;
}

a {
  color: var(--color-primary); /* link-on-light */
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

button {
  font-family: inherit;
}

/* レイアウト共通 */
.container {
  max-width: 720px;
  margin: 0 auto;
  padding: 0 var(--space-lg);
}

.hidden {
  display: none !important;
}