/**
 * TropaBot Brand Styles
 * Basado en el Manual de Marca TropaBot - Enero 2026
 */

/* Fuentes corporativas - Panton */
@font-face {
  font-family: 'Panton';
  src: url('../fonts/Panton-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Panton';
  src: url('../fonts/Panton-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Variables de color según manual de marca */
:root {
  /* Colores corporativos */
  --steel-azure: #003719;      /* Verde principal */
  --white: #FFFFFF;             /* Blanco */
  --fresh-sky-dark: #B2976F;   /* Beige oscuro */
  --fresh-sky-light: #C9B593;  /* Beige claro */
  --fresh-sky-medium: #CAA170; /* Beige medio */
  --whatsapp-green: #00D662;   /* Verde WhatsApp */
  
  /* Alias para compatibilidad */
  --pine: #003719;
  --field: #003719;
  --wheat: #B2976F;
  --clay: #B2976F;
  --cream: #C9B593;
  
  /* Estados */
  --success: #27ae60;
  --error: #e74c3c;
  --warning: #f39c12;
}

/* Aplicar tipografía Panton globalmente */
body {
  font-family: 'Panton', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;
  font-weight: 400;
}

h1, h2, h3, h4, h5, h6,
.font-bold,
.font-extrabold,
.font-semibold,
strong, b {
  font-family: 'Panton', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;
  font-weight: 700;
}

/* Logo container */
.brand-logo {
  max-width: 280px;
  height: auto;
}

/* Fondos con colores corporativos */
.bg-steel-azure {
  background-color: var(--steel-azure);
}

.bg-fresh-sky-dark {
  background-color: var(--fresh-sky-dark);
}

.bg-fresh-sky-light {
  background-color: var(--fresh-sky-light);
}

/* Textos con colores corporativos */
.text-steel-azure {
  color: var(--steel-azure);
}

.text-fresh-sky-dark {
  color: var(--fresh-sky-dark);
}

.text-fresh-sky-light {
  color: var(--fresh-sky-light);
}