:root {
  /* ── Primary Backgrounds ── */
  --deep-navy: #021B1A;
  --secondary-navy: #021B1A;
  --tertiary-bg: #021B1A;

  /* ── Accent Colors ── */
  --gold: #00F5C4;
  --accent-secondary: #14D8B4;
  --cta-orange: #F97316;

  /* ── Neutrals ── */
  --white: #F8F8F4;
  --off-white: #F8F8F4;
  --gray-100: #0D4945;
  --gray-200: rgba(0,245,196,0.10);
  --gray-400: rgba(248,248,244,0.35);
  --gray-600: rgba(248,248,244,0.55);
  --gray-800: #021B1A;

  /* ── Typography ── */
  --text-dark: #F8F8F4;
  --text-white: #F8F8F4;
  --text-muted: rgba(248,248,244,0.55);
  --text-muted-dark: rgba(248,248,244,0.55);

  /* ── Glass Surfaces ── */
  --glass-bg: rgba(0,245,196,0.04);
  --glass-border: rgba(0,245,196,0.08);

  /* ── Shadows & Glow ── */
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.25);
  --shadow-md: 0 4px 16px rgba(0,0,0,0.30);
  --shadow-lg: 0 10px 40px rgba(0,0,0,0.40);
  --glow-mint: 0 0 20px rgba(0,245,196,0.15);
  --glow-mint-strong: 0 0 40px rgba(0,245,196,0.25);

  /* ── Motion ── */
  --ease-out: cubic-bezier(0.16,1,0.3,1);
  --duration-fast: 180ms;
  --duration-med: 350ms;
}