/* Estilos Corporativos Oficiales - Ferretería BG */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap');

:root {
  /* Paleta Corporativa exacta del Logo BG */
  --bg-primary-orange: #ED5623;   /* Naranja B (Letra B con martillo/brocha) */
  --bg-secondary-amber: #F09A0A;  /* Amarillo Mostaza G (Letra G) */
  --bg-slate-gray: #778593;       /* Gris tipográfico "Ferreteria" */
  --bg-dark-slate: #1E293B;       /* Texto y bordes de contraste sobrios */
  
  --bg-surface: #FFFFFF;
  --bg-page: #F8FAFC;
  --border-subtle: #E2E8F0;
}

body {
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  color: #1E293B;
  background-color: #F8FAFC;
}

.font-mono {
  font-family: 'JetBrains Mono', monospace;
}

/* Custom Scrollbar sobrio */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: #F1F5F9;
}
::-webkit-scrollbar-thumb {
  background: #CBD5E1;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #94A3B8;
}

/* Hover sobrio */
.card-hover {
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.card-hover:hover {
  border-color: #CBD5E1;
  box-shadow: 0 4px 12px -2px rgba(15, 23, 42, 0.05);
}

/* Botones de navegación */
.nav-tab.active {
  background-color: #FFF7ED;
  color: #ED5623;
  border-bottom: 2px solid #ED5623;
  font-weight: 700;
}

/* Badges profesionales */
.badge-push {
  background-color: #FEF3C7;
  color: #B45309;
  border: 1px solid #FDE68A;
}
.badge-pull {
  background-color: #F1F5F9;
  color: #334155;
  border: 1px solid #E2E8F0;
}
.badge-abc-a {
  background-color: #ECFDF5;
  color: #065F46;
  border: 1px solid #A7F3D0;
  font-weight: 700;
}
.badge-abc-b {
  background-color: #FFFBEB;
  color: #92400E;
  border: 1px solid #FDE68A;
  font-weight: 700;
}
.badge-abc-c {
  background-color: #F8FAFC;
  color: #475569;
  border: 1px solid #E2E8F0;
  font-weight: 600;
}

/* Print layout */
@media print {
  body * {
    visibility: hidden;
  }
  #printableBundleArea, #printableBundleArea * {
    visibility: visible;
  }
  #printableBundleArea {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
  }
}