/* style.css — custom overrides for the Bootstrap-based DeskGrow LLP theme
   Focus: readable typography, brand color, clear CTAs, accessible focus states.
*/

/* Brand colors */
:root{
  --bs-primary: #1f6feb; /* main blue */
  --bs-teal: #0ea5a4;
  --card-radius: 12px;
  --muted:#6b7280;
}

/* Buttons */
.btn-teal{
  background:var(--bs-teal);
  color:#fff;
  border:1px solid rgba(0,0,0,0.04);
}
.btn-teal:hover{filter:brightness(.95);}

/* Cards and rounded items */
.card{border-radius:var(--card-radius)}

/* Navbar brand small tagline layout */
.navbar-brand small{display:block;font-size:12px;color:var(--muted);margin-left:.25rem}

/* Accessibility: focus outline */
a:focus, button:focus, input:focus, textarea:focus{
  outline:3px solid rgba(31,111,235,0.14);
  outline-offset:2px;
}

/* Reduce motion if user prefers */
@media (prefers-reduced-motion: reduce){
  *{transition:none!important;animation:none!important}
}

/* Responsive tweak for hero */
@media (max-width: 767px){
  header .display-6{font-size:1.5rem}
}

/* Small helper */
.text-muted.small{font-size:.85rem}

/* Footer link subtle */
footer a { text-decoration: none; color: inherit; }