:root {
  --primary-color: #0056b3;
  --primary-hover: #004494;
  --bg-color: #f8f9fa;
  --surface-color: #ffffff;
  --text-main: #202124;
  --text-muted: #5f6368;
  --border-color: #dadce0;
  --danger-color: #d93025;
  --focus-ring: rgba(0, 86, 179, 0.4);
}

html,
body {
  height: 100vh;
  margin: 0;
  padding: 0;
  overflow: hidden;
  font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Noto Sans JP', sans-serif;
  background-color: var(--bg-color);
  color: var(--text-main);
  line-height: 1.5;
}

h1,
h2,
h3 {
  font-weight: 500;
  letter-spacing: 0.05em;
  margin: 0;
}

.v-divider {
  display: inline-block;
  width: 1px;
  height: 1.2rem;
  background-color: #ccc;
  margin: 0 0.2rem;
  align-self: center;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}