/* Design Tokens - Colors */
:root {
  /* Primary Colors - Pink/Purple Gradient */
  --color-primary: #EC4899;
  --color-primary-dark: #DB2777;
  --color-primary-light: #F472B6;
  --color-primary-gradient: linear-gradient(135deg, #EC4899 0%, #9333EA 100%);
  --color-primary-gradient-hover: linear-gradient(135deg, #DB2777 0%, #7C3AED 100%);
  
  /* Background Colors */
  --color-bg-black: #000000;
  --color-bg-dark-gray: #1E1E1E;
  --color-bg-gray: #1E1E1E;
  --color-bg-half-black: linear-gradient(to bottom, #000000 50%, #1E1E1E 50%);
  
  /* Text Colors */
  --color-text-white: #FFFFFF;
  --color-text-light-gray: rgba(255, 255, 255, 0.8);
  --color-text-gray: rgba(255, 255, 255, 0.6);
  --color-text-dark: #333333;
  
  /* Accent Colors */
  --color-accent-pink: #FF6B9D;
  --color-accent-blue: #3898EC;
  
  /* Border Colors */
  --color-border: rgba(255, 255, 255, 0.1);
  
  /* Status Colors */
  --color-success: #00FF88;
  --color-error: #FF4444;
  --color-warning: #FFAA00;
}