/* ===========================
   CSS VARIABLES - Ocean Theme
   =========================== */
:root {
  --bg-deepest: #050e1f;
  --bg-deep: #071428;
  --bg-mid: #0d1f38;
  --bg-surface: #132844;
  --bg-card: rgba(10, 25, 50, 0.85);
  --bg-card-solid: #0d2040;
  --border: rgba(0, 180, 220, 0.2);
  --border-bright: rgba(0, 180, 220, 0.5);

  --primary: #0070c0;
  --primary-light: #1a8fe0;
  --primary-dark: #004f8a;
  --accent: #00c8e0;
  --accent-light: #40d8f0;
  --accent-glow: rgba(0, 200, 224, 0.3);
  --gold: #ffc947;
  --gold-light: #ffe082;
  --danger: #e53935;
  --success: #00c853;

  --text: #e8f4ff;
  --text-muted: #7ab8d8;
  --text-dim: #4a7a9b;

  --nav-h: 68px;
  --header-h: 60px;
  --radius: 16px;
  --radius-sm: 10px;
  --shadow: 0 4px 24px rgba(0,0,0,0.4);
  --shadow-glow: 0 0 24px rgba(0, 200, 224, 0.25);
  --transition: 0.25s ease;
}