/* =========================================
   CSS Variables / Color System
   サイト全体で使用する変数
========================================= */

:root {

/* 背景色（深海の暗闇） */
--bg: #03111f;

/* 背景色2（海中の濃いブルー） */
--bg2: #041a2ee3;

/* パネル背景（深海ガラス感） */
--panel: #0a2a3fd1;

/* アクセントカラー（深海ブルー） */
--accent: #0b4f6c;

/* 文字色（淡い水色） */
--text: #d7f4ff;

/* ボーダーカラー（青緑の発光） */
--border: #004c52;

/* 区切り線 */
--hr: #35536a;
}