/* ==========================================================================
   VARIABLES CSS PARA LA EXTRANET - Proyecto Halter
   Basado en la identidad visual de halter.cl y halterlift.cl
   ========================================================================== */

/* 🎨 Paleta de colores */
:root {
  --color-primario:        #004a98;    /* Azul Halter */
  --color-primario-dark:   #003871;    /* Azul oscuro */
  --color-primario-light:  #e6eef7;    /* Azul muy claro */

  --color-secundario:      #3d3d3d;    /* Gris oscuro */
  --color-secundario-light: #eaeaea;

  --color-texto:           #1f1f1f;
  --color-fondo:           #ffffff;
  --color-borde:           #dddddd;
  --color-input-bg:        #f7f7f7;
  --color-hover:           #ececec;

  --color-alerta:          #d9534f;
  --color-exito:           #5cb85c;
  --color-info:            #5bc0de;
  --color-warning:         #f0ad4e;
}

/* 🔤 Tipografía */
:root {
  --fuente-base: 'Open Sans', Arial, sans-serif;

  --tamano-base: 16px;
  --tamano-chico: 14px;
  --tamano-grande: 18px;
  --line-height-base: 1.5;

  --font-weight-light: 300;
  --font-weight-normal: 400;
  --font-weight-bold: 600;
}

/* 📐 Espaciado estándar */
:root {
  --espaciado-xs: 4px;
  --espaciado-sm: 8px;
  --espaciado-md: 16px;
  --espaciado-lg: 24px;
  --espaciado-xl: 32px;
  --espaciado-xxl: 48px;
}

/* 🔘 Bordes y radios */
:root {
  --borde-grueso: 1px;
  --borde-radio: 6px;
  --borde-radius-pequeno: 4px;
  --borde-radius-grande: 12px;
}

/* 🌫️ Sombras */
:root {
  --sombra-suave: 0 1px 3px rgba(0, 0, 0, 0.1);
  --sombra-media: 0 3px 6px rgba(0, 0, 0, 0.15);
  --sombra-fuerte: 0 6px 12px rgba(0, 0, 0, 0.2);
}

/* ⏱️ Transiciones */
:root {
  --transicion-rapida: 0.2s ease;
  --transicion-lenta: 0.4s ease;
}