/* ===========================
   個人カスタム設定
   ここだけ編集すればOK
=========================== */

/* ===== 共通ヘッダー対応：body レイアウト上書き =====
   profile.css の display:grid; place-items:center; は
   ヘッダーも中央揃えしてしまうため、flex に変更する。
   コンテンツの垂直中央揃えは main.wrap で担う。
   ==================================================== */
body {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  padding: 0;
  height: auto;
  min-height: 100dvh;
}

main.wrap {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 28px 16px;
  width: 100%;
}

/* ===== アクセントカラー ===== */
/* :root {
  --accent: #7dd3fc;
  --accent2: #a78bfa;
} */

/* ===== フォント ===== */
/* :root {
  --font: ui-sans-serif, system-ui, sans-serif;
} */

/* ===== 背景色 ===== */
/* :root {
  --bg0: #0b1220;
  --bg1: #0e1a33;
} */

/* ===== その他カスタム ===== */