/* Blue Luxury Theme - Premium Trading Platform */
:root {
  /* ================= SIGNATURE BLUE SYSTEM ================= */
  --primary-blue: #00B4DB;      /* Main light blue */
  --secondary-blue: #4A90E2;    /* Bright highlight blue */
  --accent-blue: #00B4DB;       /* Soft icy reflection */
  --light-blue: #4A90E2;        /* Light blue hover effects */
  --dark-blue: #00B4DB;         /* Deep blue shadows */
  --forest-gold: #123B66;       /* Dark blue base for depth */
  --sage-gold: #58B7FF;         /* Medium blue accents */

  /* ================= BACKGROUND (to make blue POP) ================= */
  --background-black: #050B16;      /* Deep dark navy background */
  --dark-navy: #050B14;             /* Secondary background */
  --slate: #0A192F;                 /* Elevated surfaces */
  --light-slate: #1A3254;           /* Lighter elevated areas */

  /* ================= TEXT COLORS ================= */
  --white: #FFFFFF;
  --light-color: #FFFFFF;
  --light-text: #F4F8FF;
  --text-muted: #8892B0;
  --muted-text: #AFC7E6;

  /* ================= STATUS COLORS ================= */
  --success: #22C55E;
  --danger: #EF4444;
  --warning: #F59E0B;

  /* ================= GLASS EFFECTS ================= */
  --glass-bg: rgba(10, 25, 47, 0.65);          /* Surface glass */
  --glass-light: rgba(59, 164, 255, 0.08);     /* Subtle blue */
  --glass-medium: rgba(59, 164, 255, 0.12);    /* Medium blue glass */
  --glass-blue: rgba(0, 180, 219, 0.20);      /* Blue tinted glass */
  --glass-border: rgba(0, 180, 219, 0.25);
  --glass-border-hover: rgba(255, 255, 255, 0.22);

  /* ================= SHADOWS ================= */
  --shadow-compact: 0 4px 12px rgba(0, 0, 0, 0.45);
  --shadow-hover: 0 6px 18px rgba(59, 164, 255, 0.28);
  --shadow-active: 0 8px 24px rgba(59, 164, 255, 0.34);
  --shadow-glow: 0 0 30px rgba(0, 180, 219, 0.4);
  --accent-glow: rgba(59, 164, 255, 0.45);

  /* ================= GRADIENTS ================= */
  --gradient-primary: linear-gradient(135deg, #123B66, #3BA4FF, #6EC6FF);
  --gradient-accent: linear-gradient(45deg, #6EC6FF, #D8F2FF);
  --gradient-black: linear-gradient(135deg, #050B16, #1A3254);
  --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.45) 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);
}