/* ================================================ */
/* CSS VARIABLES (Design Tokens)                    */
/* Contains all custom properties for consistent    */
/* branding, colors, spacing, and effects.          */
/* ================================================ */

:root {
  /* Color Palette */
  --bg: #000000;               /* Main background color */
  --secondary: #1A1A1A;        /* Secondary background */
  --neon: #00FFFF;             /* Primary accent (cyan) */
  --accent: #00BFFF;           /* Secondary accent (blue) */
  --success: #39FF14;          /* Success color (neon green) */
  --text: #FFFFFF;             /* Primary text color */
  --text-muted: rgba(255,255,255,0.7); /* Secondary text */

  /* Layout Sizes */
  --max-width: 1100px;         /* Max content width */
  --radius: 12px;              /* Border radius */

  /* Effects */
  --glass: rgba(255,255,255,0.03); /* Glass morphism effect */
  --ease: cubic-bezier(.2,.9,.2,1); /* Animation easing */
  --transition: all 0.2s var(--ease); /* Standard transition */
}