/* =============================================
   Malla_SV — Variables del Sistema de Diseño SV
   ============================================= */

:root {
  /* Colores primarios */
  --primary:        #FA5C00;
  --primary-dark:   #D94E00;
  --primary-light:  #FF7B2E;
  --secondary:      #2C3E50;
  --secondary-light:#34495E;
  --secondary-dark: #1A252F;

  /* Fondos */
  --bg-darker: #151B20;
  --bg-dark:   #1E272E;
  --bg-panel:  #263238;
  --bg-input:  #37474F;
  --bg-hover:  #455A64;

  /* Texto */
  --text-primary:   #ECF0F1;
  --text-secondary: #B0BEC5;
  --text-muted:     #78909C;

  /* Estados semánticos */
  --success: #2ECC71;
  --warning: #F39C12;
  --danger:  #E74C3C;
  --info:    #3498DB;

  /* Sombras */
  --shadow-sm: 0 2px 4px rgba(0,0,0,0.3);
  --shadow-md: 0 4px 8px rgba(0,0,0,0.4);
  --shadow-lg: 0 8px 16px rgba(0,0,0,0.5);

  /* Bordes */
  --border-color:  #455A64;
  --border-radius: 6px;

  /* Transiciones */
  --transition-fast:   0.15s ease;
  --transition-normal: 0.25s ease;

  /* Dimensiones */
  --panel-width:      280px;
  --header-height:    50px;
  --toolbar-height:   44px;
  --statusbar-height: 28px;
}