/* ===============================
   DESIGN VARIABLES
================================ */

:root {
  /* Brand */
  --primary: #00f0ff;
  --accent: #ff2e63;

  /* Backgrounds */
  --bg-dark: #0b0f1a;
  --bg-darker: #070a14;

  /* ✅ UPDATED CARD COLOR (KEY CHANGE) */
  --card-bg: #151b2e;

  /* Borders / separation */
  --border-light: rgba(0, 240, 255, 0.12);

  /* Text */
  --text-main: #ffffff;
  --text-muted: rgba(255, 255, 255, 0.7);

	/* Enhanced Neon Glow */
  --primary-glow: rgba(0, 240, 255, 0.4);
  --shadow-card: 
    0 8px 32px 0 rgba(0, 0, 0, 0.8),
    0 0 15px var(--border-light);
	
  

  /* Radius */
  --radius-md: 10px;
  --radius-lg: 14px;

  /* Layout rhythm */
  --section-space: clamp(2.5rem, 4vw, 4.5rem);
  --container-max: 1200px;
}