/* Theme tokens (kept consistent with your site) */
:root{
  --brand-600:#2b6cff;
  --brand-700:#1d54d6;
  --blue-ink:#0b1220;
  --muted:#6b7280;
  --bg:#f7faff;
  --card:#ffffff;
}

/* Hero */
.division-hero{
  min-height: 44vh;
  background: url('../img/banner/Banner_Yarn.jpg') center/cover no-repeat;
  color:#fff;
}

/* Sections */
.section{ padding: 4.5rem 0; }
.section-title{ font-weight: 800; color: var(--blue-ink); letter-spacing:-.01em; }
.section-alt{ background: #f3f7ff; } /* subtle blue */
.text-dark{ color: var(--blue-ink)!important; }

/* Buttons (reuse your existing btn-brand if present) */
.btn-brand{
  background: linear-gradient(135deg, var(--brand-700), var(--brand-600));
  color:#fff; border:0; border-radius: 999px; padding:.7rem 1.25rem; font-weight:700;
}
.btn-brand:hover{ filter: brightness(1.05); color:#fff; }

/* Nav pills */
.nav-pills .nav-link{
  border:1px solid rgba(43,108,255,.25);
  color: var(--blue-ink);
  background:#fff;
  border-radius: 999px;
  font-weight:600;
}
.nav-pills .nav-link.active,
.nav-pills .nav-link:hover{
  background: #eaf1ff;
  border-color: rgba(43,108,255,.4);
}

/* Utility */
.object-fit-cover{ object-fit: cover; }
.bg-gradient-light{
  background: linear-gradient(180deg, #fff, #f7faff);
  border:1px solid rgba(43,108,255,.12);
}