/* /assets/css/site.css
   HeroTREEs Bootstrap safe theme
   Scope all custom styling under .ht so Bootstrap core classes are not overridden
*/

.ht{
  --ht-bg: #f6f8fc;
  --ht-bg-2: #eef2f9;
  --ht-surface: #ffffff;
  --ht-surface-2: #f7f9fd;

  --ht-stroke: rgba(16, 24, 40, 0.10);
  --ht-stroke-2: rgba(16, 24, 40, 0.16);

  --ht-text: rgba(16, 24, 40, 0.92);
  --ht-muted: rgba(16, 24, 40, 0.68);

  --ht-brand: #2b6cff;
  --ht-radius: 18px;
  --ht-radius-sm: 14px;

  --ht-shadow: 0 18px 50px rgba(16, 24, 40, 0.10);
  --ht-shadow-soft: 0 10px 26px rgba(16, 24, 40, 0.08);

  font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, "Noto Sans", "Helvetica Neue", sans-serif;
  color: var(--ht-text);
  background: var(--ht-bg);
  overflow-x: hidden;
}

.ht img{ max-width: 100%; display: block; }
.ht a{ text-decoration: none; }

.ht .page{
  padding-bottom: 80px;
}

.ht section{
  scroll-margin-top: 92px;
}

.ht .section-header{
  margin: 0 0 18px 0;
}
.ht .section-header h2{
  margin: 0;
  font-size: 28px;
  letter-spacing: -0.02em;
  line-height: 1.15;
}
.ht .section-header p{
  margin: 10px 0 0 0;
  color: var(--ht-muted);
  max-width: 78ch;
  line-height: 1.55;
}

/* Upgrade Bootstrap cards slightly, without redefining .card layout */
.ht .card{
  border-color: var(--ht-stroke);
  border-radius: var(--ht-radius);
}
.ht .card.shadow-sm{
  box-shadow: var(--ht-shadow-soft) !important;
}

/* Buttons polish while preserving Bootstrap semantics */
.ht .btn{
  border-radius: 12px;
  font-weight: 700;
  letter-spacing: -0.01em;
}
.ht .btn-primary{
  background: var(--ht-brand);
  border-color: var(--ht-brand);
}
.ht .btn-primary:hover{
  background: #235fe6;
  border-color: #235fe6;
}

/* Make Bootstrap muted text consistent with theme */
.ht .text-secondary{
  color: var(--ht-muted) !important;
}

/* Small utility for bullet lists used in partners section */
.ht .dash-bullets li{
  position: relative;
  padding-left: 22px;
  color: var(--ht-text);
}
.ht .dash-bullets li::before{
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: rgba(43,108,255,0.35);
  position: absolute;
  left: 0;
  top: 0.55em;
  transform: translateY(-50%);
}

/* Safe focus states */
.ht :focus-visible{
  outline: 3px solid rgba(43,108,255,0.28);
  outline-offset: 2px;
}