/* ============================================================================
   BUTTONS — shared call-to-action styles
   ----------------------------------------------------------------------------
   Loaded by : every page
   Depends on: base/tokens.css

   Two variants only. Both work on <a> and <button>.
     .btn-primary  solid navy   — the main action on a screen
     .btn-outline  navy border  — the secondary action beside it

   Section-specific overrides (e.g. the inverted button on the navy trust band)
   live with that section, not here.
   ============================================================================ */

.btn-primary{
  display:inline-flex;align-items:center;gap:8px;
  background:var(--navy);color:var(--white);
  padding:13px 28px;border-radius:4px;font-weight:600;
  font-size:0.92rem;transition:background 0.25s,box-shadow 0.25s;
  border:none;cursor:pointer;
}
.btn-primary:hover{background:var(--blue);box-shadow:var(--shadow-md);}

.btn-outline{
  display:inline-flex;align-items:center;gap:8px;
  background:transparent;color:var(--navy);
  padding:12px 28px;border-radius:4px;font-weight:600;
  font-size:0.92rem;border:2px solid var(--navy);
  transition:background 0.25s,color 0.25s;cursor:pointer;
}
.btn-outline:hover{background:var(--navy);color:var(--white);}