/* ========================================================
   DAYZELCORP V2 - CLEAN TECH ESPORTS DESIGN SYSTEM
   tokens.css - Variables and Design Tokens (Dashboard Aligned)
   ======================================================== */

:root {
  /* Brand Colors */
  --dz-brand-primary: #FFD600; /* Amarillo Dayzel */
  --dz-brand-secondary: #00D9FF; /* Cian eSports */
  
  /* Backgrounds */
  --dz-bg: #0A0F1A;
  --dz-bg-hover: #11151C;
  --dz-card: #0D1117;
  --dz-card-hover: #161D27;
  --dz-header: rgba(10, 15, 26, 0.95);
  
  /* Borders */
  --dz-border: #1F2937;
  --dz-border-hover: #374151;
  --dz-border-brand: rgba(0, 217, 255, 0.4);
  
  /* Text Colors */
  --dz-text-primary: #F8FAFC;
  --dz-text-secondary: #94A3B8;
  --dz-text-muted: #64748B;
  --dz-text-on-brand: #000000;
  
  /* Typography */
  --dz-font-heading: 'Orbitron', 'Chivo', sans-serif;
  --dz-font-body: 'Poppins', 'Noto Sans', sans-serif;
  
  /* Spacing */
  --dz-space-xs: 4px;
  --dz-space-sm: 8px;
  --dz-space-md: 16px;
  --dz-space-lg: 24px;
  --dz-space-xl: 32px;
  --dz-space-2xl: 48px;
  
  /* Radii (Sharper for eSports) */
  --dz-radius-sm: 2px;
  --dz-radius-md: 4px;
  --dz-radius-lg: 8px;
  --dz-radius-xl: 12px;
  --dz-radius-pill: 9999px;
  
  /* Transitions */
  --dz-transition-fast: 0.15s ease-in-out;
  --dz-transition-normal: 0.3s ease-in-out;
  
  /* Shadows (Minimal, strictly for utility) */
  --dz-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --dz-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}