/* Brand fonts */
@font-face {
  font-family: 'AureaUltra';
  src: url('../fonts/AureaUltra-Roman.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/OpenSans-Variable.ttf') format('truetype');
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}

html {
  scroll-behavior: smooth;
}

:root {
  --motech-navy: #25275F;
  --motech-blue: #1471B9;
  --motech-blue-light: #1A88C9;
  --motech-cyan: #68CBDC;
  --motech-orange: #F79026;
  --motech-orange-dark: #CB6C28;
}

body {
  font-family: 'Open Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.font-logo {
  font-family: 'AureaUltra', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.hero-bg {
  background-color: #F8FAFC;
}

section {
  scroll-margin-top: 5rem;
}

.btn-hover {
  transition: all 0.3s ease-in-out;
}
.btn-hover:hover {
  opacity: 0.9;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

.paw-pattern {
  background-color: var(--motech-navy);
  background-image: url('../img/motech-bg-paw.png');
  background-repeat: repeat;
  background-size: 150px; 
}

.legal-modal-content h3 {
  margin-top: 30px;
}