/* =============================================================
   ALLMOCK v3 LEGACY OVERRIDES
   Loaded after bootstrap/style-starter/style.css on legacy pages
   (about, pricing, blogs, legal, cart, shop). Remaps the old
   theme variables + fonts to the v3 coral/orange design system
   without touching page markup or behaviour.
   ============================================================= */

:root {
  --theme-color: #E05A3A;
  --primary-color: #1C1E22;
  --primary-light: #FFF3EF;
  --primary-dark: #FFE1D2;
  --secondary-color: #F26522;
  --font-color: #6B7280;
  --heading-color: #1C1E22;
  --short-heading-color: #6B7280;
  --border-radius: 10px;
  --border-radius-full: 10px;
  --border-color-light: #EEEFF1;
  --bg-grey: #F5F6F7;
  --bg-light: #FFF9F7;
}
[data-theme='dark'] {
  --theme-color: #E05A3A;
  --secondary-color: #F26522;
  --primary-light: #FFE1D2;
}

/* Typography: Inter body, Plus Jakarta Sans headings */
body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
  color: #1C1E22;
}
h1, h2, h3, h4, h5, h6,
.top-banner-title {
  font-family: 'Plus Jakarta Sans', -apple-system, sans-serif !important;
  letter-spacing: -.02em;
}

/* Accent colors (bootstrap-era utility classes) */
a { color: #E05A3A; }
a:hover { color: #C94E30; }
.btn-primary { background-color: #F26522 !important; border-color: #F26522 !important; }
.btn-primary:hover, .btn-primary:focus { background-color: #E05A1B !important; border-color: #E05A1B !important; }
.text-primary { color: #E05A3A !important; }
.bg-primary { background-color: #E05A3A !important; }

/* Page hero band: v3 coral gradient instead of the old photo banner.
   Geometry (min-height 500px, inner offsets) is left untouched — pages
   like /pricing pull their content up over this band (-273px). */
.top-banner {
  background-image: none !important;
  background: linear-gradient(135deg, #E05A3A 0%, #C94E30 100%) !important;
}
.top-banner h1 { font-weight: 800; }

/* Scroll-to-top button */
#movetop { background-color: #E05A3A; border-radius: 8px; }

/* The old fixed header is gone; neutralise any leftover offsets */
body { padding-top: 0 !important; }