:root {
  --sys-color-background: #0B1320; 
  --sys-color-on-background: #E2E8F0;
  --sys-color-surface: #111C2E; 
  --sys-color-surface-variant: rgba(17, 28, 46, 0.85); 
  --sys-color-on-surface: #E2E8F0; 
  
  --sys-color-text-primary: #E2E8F0;
  --sys-color-text-secondary: #94A3B8;
  
  --sys-color-primary: #4DA8DA;
  --sys-color-on-primary: #00334D;
  --sys-color-primary-container: #004F75;
  --sys-color-on-primary-container: #C2EBFF;
  --sys-color-primary-alpha: rgba(77, 168, 218, 0.12);
  
  --sys-color-secondary: #FFB74D;
  --sys-color-on-secondary: #4E2A00;
  --sys-color-secondary-container: #7A4B00;
  --sys-color-on-secondary-container: #FFDCA8;
  
  --sys-color-outline: #2C3E50;
  --sys-color-hover: rgba(255, 255, 255, 0.08);

  /* Semantic Colors - Dark Mode Refinements */
  /* Familia Error: Vino Oscuro / Burgundy Ultra Profundo */
  /*--sys-color-error: #881337;
  --sys-color-on-error: #FFFFFF;
  --sys-color-error-container: rgba(225, 29, 72, 0.10); 
  --sys-color-on-error-container: #FDA4AF;*/

  /* Familia Success: Verde Bosque Nocturno / Emerald Ultra Profundo */
  /*--sys-color-success: #064E3B;
  --sys-color-on-success: #FFFFFF;
  --sys-color-success-container: rgba(16, 185, 129, 0.10); 
  --sys-color-on-success-container: #6EE7B7;*/
}