/* Switzer Font - Fontshare CDN */
@import url('https://api.fontshare.com/v2/css?f[]=switzer@400,500,600,700&display=fallback');

:root {
  /* Colores Principales */
  --azul-corporativo: #0f4761;
  --azul-medio: #4f78a1;
  --azul-claro: #6a9ec4;
  --dorado: #ff9700;
  --dorado-hover: #e88700;

  /* Neutros */
  --blanco: #FFFFFF;
  --gris-claro: #f9f9f9;
  --gris-medio: #666666;
  --gris-oscuro: #333333;
  --borde: #e0e0e0;

  /* Semánticos */
  --success: #28a745;
  --warning: #ffc107;
  --error: #dc3545;
  --info: #17a2b8;

  /* Tipografía */
  --font-principal: 'Switzer', 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
  --font-size-base: 16px;
  --font-size-small: 14px;
  --font-size-large: 18px;
  --font-size-h1: 2.5rem;
  --font-size-h2: 2rem;
  --font-size-h3: 1.75rem;

  /* Espaciado */
  --spacing-xs: 0.25rem;
  --spacing-sm: 0.5rem;
  --spacing-md: 1rem;
  --spacing-lg: 1.5rem;
  --spacing-xl: 2rem;
  --spacing-xxl: 3rem;

  /* Sombras */
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);
  --shadow-md: 0 2px 8px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.12);

  /* Bordes */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-full: 50%;

  /* Transiciones */
  --transition-fast: 0.2s ease;
  --transition-normal: 0.3s ease;
  --transition-slow: 0.5s ease;

  /* Gradientes de estado */
  --success-dark: #218838;
  --warning-base: #f39c12;
  --warning-dark: #e67e22;
  --danger: #dc3545;
  --danger-dark: #c82333;

  /* Empty state success */
  --success-bg-light: #f0fdf4;
  --success-border-light: #bbf7d0;
  --success-text-dark: #166534;
  --success-icon: #22c55e;

  /* Grises adicionales */
  --gray-100: #f8f9fa;
  --text-primary: #333;
}