/* Shared rules for all pages. Page-specific styling stays in each page's <style>. */

/* Primary button (was the design-system Button, variant="primary" size="lg") */
[data-btn]{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  font-family:var(--font-body);font-weight:var(--fw-semibold);font-size:1.0625rem;line-height:1.1;
  padding:16px 30px;border:1.5px solid var(--blue-500);border-radius:var(--radius-md);
  background:var(--navy-900);color:var(--white);text-decoration:none;white-space:nowrap;cursor:pointer;
  transition:background var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out),transform var(--dur-fast) var(--ease-out);
}
[data-btn]:hover{background:var(--navy-800);box-shadow:var(--glow-blue);color:var(--white)}
[data-btn]:active{transform:translateY(1px) scale(.99)}

/* Tap-to-call in the header, only on small screens */
[data-header-tel]{display:none;align-items:center;justify-content:center;width:34px;height:34px;color:#fff}
[data-header-tel]:hover{color:var(--blue-400)}

@media (max-width:680px){
  header > div{gap:14px!important;padding-right:20px!important}
  [data-header-cta]{margin-left:auto;font-size:10.5px!important;letter-spacing:.1em!important;white-space:nowrap}
  [data-header-tel]{display:inline-flex}
  [data-nav-burger]{margin-left:0!important}
}