/* ============================================================
   Medical Insurance Today — Command Center Demo
   Shared styling tokens & utilities (loaded on every page)
   Brand palette per DESIGN.md:
     Primary navy   #0F2A47
     Service teal   #2A8F91
     Pulse orange   #F47C2B  (the "Ask MIT" CTA on every stop page)
     Surface base   #F8F9FF
   ============================================================ */

html, body {
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
  color: #0F2A47;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.font-headline { font-family: 'Newsreader', Georgia, 'Times New Roman', serif; }
.font-body, .font-label { font-family: 'Inter', system-ui, sans-serif; }

.material-symbols-outlined {
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

/* Ambient layered shadow per design system */
.ambient-shadow {
  box-shadow: 0px 24px 48px -12px rgba(13, 28, 46, 0.08);
}
.ambient-shadow-soft {
  box-shadow: 0px 12px 32px -8px rgba(13, 28, 46, 0.06);
}

/* Hide scrollbar without losing functionality */
.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

/* The Pulse — orange "Ask MIT" CTA used on every stop page for consistency.
   (Intentionally breaks the design system's "one orange per viewport" rule
   so the agent input feels like the same control across all three pages.) */
.btn-pulse {
  background-color: #F47C2B;
  color: #ffffff;
  box-shadow: 0px 12px 28px -10px rgba(244, 124, 43, 0.45);
  transition: background-color 200ms ease, transform 120ms ease, box-shadow 200ms ease;
}
.btn-pulse:hover { background-color: #DC6B1E; }
.btn-pulse:active { transform: scale(0.97); }

/* Card hover lift used on landing-page stop tiles */
.lift-on-hover {
  transition: transform 280ms ease, box-shadow 280ms ease;
}
.lift-on-hover:hover {
  transform: translateY(-6px);
  box-shadow: 0px 32px 60px -16px rgba(13, 28, 46, 0.14);
}

/* Active sidebar item visual treatment */
.nav-active {
  border-left: 4px solid #2A8F91;
  background-color: rgba(255, 255, 255, 0.55);
  color: #0F2A47;
}

/* Section spacing helpers */
.section-major { margin-bottom: 5rem; }
.section-minor { margin-bottom: 2.5rem; }

/* MIT Agent static prompts — three example prompts rendered as a sibling
   overlay inside the bubble. Hidden on focus or when the user types.
   Pure CSS: textarea carries placeholder=" " so :placeholder-shown
   matches when empty; prompts overlay is a following sibling of the
   textarea and absolutely positioned on top of it. */
.mit-agent-bubble textarea:focus ~ .mit-prompts,
.mit-agent-bubble textarea:not(:placeholder-shown) ~ .mit-prompts {
  display: none;
}