:root {
  /* Color Palette: Deep Sea Abyss */
  --color-surface: #0a192f;        /* 海面付近（インディゴブルー） */
  --color-midwater: #020c1b;       /* 中層 */
  --color-abyss: #000000;          /* 最下層（アビスブラック） */
  
  /* Bioluminescence (発光エフェクト) */
  --color-glow-cyan: #64ffda;      /* シアン発光 */
  --color-glow-blue: #40c9ff;      /* ブルー発光 */
  --color-text-main: #ccd6f6;      /* メインテキスト（薄いブルーグレー） */
  --color-text-muted: #8892b0;     /* サブテキスト */
  
  /* Glassmorphism */
  --glass-bg: rgba(2, 12, 27, 0.6);
  --glass-border: rgba(100, 255, 218, 0.1);
  --glass-shadow: 0 4px 30px rgba(0, 0, 0, 0.5);
  
  /* Typography */
  --font-mono: 'Fira Code', 'Roboto Mono', monospace; /* HUD用計器フォント */
  --font-sans: 'Inter', system-ui, -apple-system, sans-serif;
  
  /* Z-index layers */
  --z-particle: -1;
  --z-base: 1;
  --z-header: 100;
  --z-modal: 1000;
}