:root {
  /* ================= GOLD COLOR SYSTEM ================= */
  --primary-green: #D4AF37;      /* Main gold */
  --secondary-green: #F5C542;    /* Bright gold for hover states */
  --accent-green: #FFE08A;       /* Light gold for highlights */
  --light-green: #FFE08A;        /* Soft gold accents */
  --dark-green: #8C6A1E;         /* Deep gold for depth */
  --forest-green: #5E4A17;       /* Dark gold base */

  /* ================= BACKGROUNDS ================= */
  --background-black: #0A0F1C;   /* Deep navy, near black */
  --dark-navy: #0F172A;          /* Secondary background */
  --slate: #111827;              /* 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(15, 23, 42, 0.65);        /* Dark glass overlay */
  --glass-light: rgba(212, 175, 55, 0.12);   /* Light gold-tinted glass */
  --glass-medium: rgba(212, 175, 55, 0.20);  /* Medium gold glass */
  --glass-green: rgba(212, 175, 55, 0.15);   /* Gold-tinted UI glass */
  --glass-border: rgba(212, 175, 55, 0.25);  /* Gold border */
  --glass-border-hover: rgba(212, 175, 55, 0.4); /* Gold border on hover */

  /* ================= SHADOWS ================= */
  --shadow-compact: 0 4px 12px rgba(0, 0, 0, 0.4);           /* Compact shadow */
  --shadow-hover: 0 6px 18px rgba(212, 175, 55, 0.25);       /* Gold-tinted hover */
  --shadow-active: 0 8px 20px rgba(212, 175, 55, 0.3);       /* Active gold shadow */
  --shadow-glow: 0 0 30px rgba(245, 197, 66, 0.35);          /* Glowing gold effect */

  /* ================= GRADIENTS ================= */
  --gradient-primary: linear-gradient(135deg, #8C6A1E, #D4AF37, #F5C542);
  --gradient-accent: linear-gradient(45deg, #F5C542, #FFE08A);
  --gradient-black: linear-gradient(135deg, #0A0F1C, #1E293B);
  --gradient-success: linear-gradient(135deg, #8C6A1E, #D4AF37, #F5C542);
  --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);
}