/* ============================================================
   VENTURES HARBOR — SHARED THEME
   Global color system applied across every page
   ============================================================ */

:root {
  --navy-950: #3983F6;
  --navy-900: #3983F6;
  --navy-800: #3983F6;
  --navy-700: #3983F6;
  --navy-600: #3983F6;
  --navy-500: #3983F6;
  --blue-600: #3983F6;
  --blue-500: #3983F6;
  --blue-400: #3983F6;
  --blue-300: #3983F6;
  --gold-600: #15803d;
  --gold-500: #22c55e;
  --gold-400: #4ade80;
  --gold-300: #86efac;
  --success-bg: #ecfdf3;
  --success-text: #16a34a;
  --success-dark: #166534;
  --warning-bg: #fef3c7;
  --warning-text: #ca8a04;
  --danger-bg: #fee2e2;
  --danger-text: #dc2626;
  --info-bg: #eff6ff;
  --info-text: #3983F6;
  --purple-bg: #f5f3ff;
  --purple-text: #7c3aed;
  --orange-bg: #fff7ed;
  --orange-text: #f97316;
  --white: #ffffff;
  --gray-50: #f8fcff;
  --gray-100: #f2f6fb;
  --gray-200: #e5ebf2;
  --gray-300: #d5dde8;
  --gray-400: #94a3b8;
  --gray-500: #64748b;
  --gray-600: #475569;
  --gray-700: #334155;
  --gray-800: #1e293b;
  --gray-900: #0f172a;
  --shadow-navy: 0 10px 30px rgba(13, 38, 61, 0.12);
  --shadow-navy-lg: 0 18px 48px rgba(13, 38, 61, 0.16);
  --brand-accent: var(--gold-500);
  --brand-accent-strong: var(--gold-600);
}

body {
  background: linear-gradient(180deg, var(--gray-50) 0%, #f4f8ff 100%);
  color: var(--gray-800);
}

::selection {
  background: rgba(34, 197, 94, 0.18);
  color: var(--navy-700);
}

.btn-primary,
.btn-join,
.btn-secondary,
.filter-btn.active,
.hero-btn,
.section-highlight {
  box-shadow: var(--shadow-navy);
}