/* ===== Dark (Navy) theme ===== */
:root{
  --bg: #0b1b3a;        /* ここをホームページの紺に寄せたいなら後で微調整 */
  --panel: #122a56;     /* カード背景 */
  --line: rgba(255,255,255,.12);
  --text: rgba(255,255,255,.92);
  --muted: rgba(255,255,255,.70);
}

body{
  background: var(--bg);
  color: var(--text);
}

.header{
  border-bottom: 1px solid var(--line);
  background: rgba(0,0,0,.08);
}

.nav a:hover{
  background: rgba(255,255,255,.08);
}

.card{
  background: rgba(255,255,255,.04);
  border: 1px solid var(--line);
}

.kv div{
  background: rgba(255,255,255,.06);
}

.footer{
  border-top: 1px solid var(--line);
  color: var(--muted);
}

.brand .sub,
.small{
  opacity: 1;
  color: var(--muted);
}

/* link */
a{
  color: rgba(255,255,255,.92);
}
a:hover{
  opacity: .85;
}