/**
 * PALETA INSTITUCIONAL - INGENIERÍA CON MANUEL
 * Definición oficial de variables CSS
 */
:root {
  --color-terracota: #DA7726;       /* Principal cálido / Botones CTA / Acentos */
  --color-azul-noche: #243351;      /* Principal oscuro / Navbar / Textos principales */
  --color-pizarra: #707988;         /* Textos secundarios / Subtítulos */
  --color-arcilla: #D18D56;         /* Variación cálida / Hover de botones */
  --color-plata: #A0A6B1;           /* Bordes suaves / Divisores / Fondos claros */
  --color-azul-gris: #495468;       /* Tarjetas / Sombras / Elementos neutros */
  --bg-light: #F8F9FA;
  --bg-white: #FFFFFF;

  /* Estados y Acentos Complementarios */
  --color-exito: #10B981;
  --color-peligro: #EF4444;
  --color-advertencia: #F59E0B;
  --color-info: #0284C7;

  /* Sombras y Elevaciones */
  --sombra-sm: 0 1px 3px rgba(36, 51, 81, 0.08);
  --sombra-md: 0 4px 12px rgba(36, 51, 81, 0.10);
  --sombra-lg: 0 10px 25px rgba(36, 51, 81, 0.12);
  --sombra-hover: 0 14px 30px rgba(218, 119, 38, 0.18);

  /* Bordes Redondeados */
  --radio-sm: 6px;
  --radio-md: 10px;
  --radio-lg: 16px;
  --radio-pill: 9999px;

  /* Tipografías */
  --font-principal: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
  --font-mono: 'JetBrains Mono', monospace;
  --transicion: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}