/* ==========================================================================
   CSS カスタムプロパティ (デザイントークン)
   ========================================================================== */

:root {
  /* ビューポート高さ (JS で算出・更新) */
  --full-height: calc(var(--vh) * 100);

  /* カラーパレット */
  --blue: #68b3b8; /* 77thテーマカラー */
  --red: #b3424a; /* 78thテーマカラー */
  --light: #c0c4c4;
  --dark: #3c3c3c;
}

/* ==========================================================================
   共通グローバルフォント
   ========================================================================== */

* {
  font-family: "senobi-gothic";
  font-weight: 400;
}

/* ==========================================================================
   グラスモーフィズム (共通 blur パネル)
   ========================================================================== */

.box-blur {
  backdrop-filter: blur(10px);
  background: rgba(255, 255, 255, 0.1);
  border: 2px solid rgba(255, 255, 255, 0.2);
  box-shadow: 0px 4px 30px #33333335;
}