:root {
  /* ================= GOLD COLOR SYSTEM ================= */
  --primary-green: #00B4DB;      /* Main blue */
  --secondary-green: #4A90E2;    /* Bright blue for hover states */
  --accent-green: #00B4DB;       /* Light blue for highlights */
  --light-green: #00B4DB;        /* Soft blue accents */
  --dark-green: #0A192F;         /* Deep blue for depth */
  --forest-green: #4A90E2;       /* Dark blue base */

  /* ================= BACKGROUNDS ================= */
  --background-black: #0A0F1C;   /* Deep navy, near black */
  --dark-navy: #050B14;          /* Secondary background */
  --slate: #0A192F;              /* Elevated surfaces */
  --light-slate: #1E293B;        /* Lighter elevated surfaces */

  /* ================= TEXT ================= */
  --white: #EDEDED;              /* Primary text */
  --light-text: #A1A1AA;         /* Secondary text */
  --muted-text: #71717A;         /* Muted / hint text */

  /* ================= STATUS COLORS (unchanged) ================= */
  --success: #10b981;
  --danger: #ef4444;
  --warning: #f59e0b;

  /* ================= GLASS EFFECTS ================= */
  --glass-bg: rgba(10, 25, 47, 0.65);        /* Dark glass overlay */
  --glass-light: rgba(0, 180, 219, 0.12);   /* Light blue-tinted glass */
  --glass-medium: rgba(0, 180, 219, 0.20);  /* Medium blue glass */
  --glass-green: rgba(0, 180, 219, 0.15);   /* Blue-tinted UI glass */
  --glass-border: rgba(0, 180, 219, 0.25);  /* Blue border */
  --glass-border-hover: rgba(0, 180, 219, 0.4); /* Blue border on hover */

  /* ================= SHADOWS ================= */
  --shadow-compact: 0 4px 12px rgba(0, 0, 0, 0.4);           /* Compact shadow */
  --shadow-hover: 0 6px 18px rgba(0, 180, 219, 0.25);       /* Blue-tinted hover */
  --shadow-active: 0 8px 20px rgba(0, 180, 219, 0.3);       /* Active blue shadow */
  --shadow-glow: 0 0 30px rgba(0, 180, 219, 0.4);          /* Glowing blue effect */

  /* ================= GRADIENTS ================= */
  --gradient-primary: linear-gradient(135deg, #0A192F, #00B4DB, #4A90E2);
  --gradient-accent: linear-gradient(45deg, #4A90E2, #00B4DB);
  --gradient-black: linear-gradient(135deg, #0A0F1C, #1E293B);
  --gradient-success: linear-gradient(135deg, #0A192F, #00B4DB, #4A90E2);
  --gradient-shimmer: linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.4) 50%, transparent 100%);

  /* ================= TRANSITIONS ================= */
  --transition-smooth: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-spring: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  --transition-bounce: all 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}