/* Gold Luxury Theme - Premium Trading Platform */
:root {
  /* ================= SIGNATURE GOLD SYSTEM ================= */
  --primary-gold: #D4AF37;      /* Rich luxury gold */
  --secondary-gold: #F5C542;    /* Highlight gold (buttons, glow) */
  --accent-gold: #FFE08A;       /* Soft reflections / accent */
  --light-gold: #FFE08A;        /* Light gold for hover effects */
  --dark-gold: #8C6A1E;         /* Depth / shadows */
  --forest-gold: #5E4A17;       /* Dark gold base for depth */
  --sage-gold: #F5C542;         /* Medium gold for accents */

  /* ================= BACKGROUND (to make gold POP) ================= */
  --background-black: #0A0F1C;      /* Deep dark background */
  --dark-navy: #0F172A;             /* Secondary background */
  --slate: #111827;                 /* Elevated surfaces */
  --light-slate: #1E293B;           /* Lighter elevated areas */

  /* ================= TEXT COLORS ================= */
  --white: #FFFFFF;
  --light-color: #EDEDED;
  --light-text: #EDEDED;
  --text-muted: #A1A1AA;
  --muted-text: #A1A1AA;

  /* ================= STATUS COLORS ================= */
  --success: #22C55E;
  --danger: #EF4444;
  --warning: #F59E0B;

  /* ================= GLASS EFFECTS ================= */
  --glass-bg: rgba(15, 23, 42, 0.65);          /* Surface glass */
  --glass-light: rgba(212, 175, 55, 0.08);     /* Very subtle gold */
  --glass-medium: rgba(212, 175, 55, 0.12);    /* Medium gold glass */
  --glass-gold: rgba(212, 175, 55, 0.15);      /* Gold tinted glass */
  --glass-border: rgba(255, 255, 255, 0.1);
  --glass-border-hover: rgba(255, 255, 255, 0.2);

  /* ================= SHADOWS ================= */
  --shadow-compact: 0 4px 12px rgba(0, 0, 0, 0.4);
  --shadow-hover: 0 6px 18px rgba(212, 175, 55, 0.25);
  --shadow-active: 0 8px 24px rgba(212, 175, 55, 0.3);
  --shadow-glow: 0 0 30px rgba(245, 197, 66, 0.35);
  --accent-glow: rgba(212, 175, 55, 0.4);

  /* ================= 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, #14532d 0%, #22C55E 50%, #4ade80 100%);
  --gradient-danger: linear-gradient(135deg, #7f1d1d 0%, #EF4444 50%, #f87171 100%);
  --gradient-shimmer: linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.4) 50%, transparent 100%);

  /* ================= FONT SIZES ================= */
  --font-xs: 0.75rem;
  --font-sm: 0.875rem;
  --font-base: 1rem;
  --font-lg: 1.125rem;
  --font-xl: 1.25rem;

  /* ================= 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);
}
