/* ===== Blue theme tokens ===== */
:root{
  --accent:#3b82f6;           /* BLUE 500 */
  --card-border:#203a72;      /* slightly bluer border */
}

/* Chip dot (next to BLUE label) */
.brand .chip .dot{
  background:
    radial-gradient(circle at 35% 35%,
      #dbeafe 0 26%,     /* light highlight */
      #93c5fd 27% 58%,   /* mid blue */
      var(--accent) 59% 100%);
  box-shadow:0 0 10px rgba(59,130,246,.35);
}

/* Section heading ink */
.unit-heading{ color:var(--accent) }

/* Side list accent */
.side-item .mi-step{ color:var(--accent) }
.side-item.active,
.side-item:hover{ background:var(--accent); color:#fff }
.side-item.active .mi-step{ color:#0b1e3a }

/* Focus glow on cards */
.card.focused{
  border-color:var(--accent);
  box-shadow:0 0 20px rgba(59,130,246,.5), 0 18px 36px rgba(0,0,0,.38);
}

/* Bottom nav chevrons */
.unit-main .nav-bar button{
  width:34px; height:34px; border-radius:50%;
  border:2px solid #1e3a8a;   /* deep blue ring */
  background:var(--accent);
  color:#fff; font-weight:900; font-size:20px;
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 6px 18px rgba(0,0,0,.35);
}
.unit-main .nav-bar button:disabled{ opacity:.25; cursor:not-allowed }