/* ============================================================
   Stratamize POS — brand overrides
   Load order: AFTER demos/seo-agency/seo-agency.css.
   Purpose: retire the template's purple/orange theme
   (#4c46c0 #6256c8 #584ccb #dcdaf5 / #f36b4a #ec954d #fce7e1
   #c26772 #efe2ea) in favor of the Stratamize palette:
     blue  #1e6fb8  (--base-color)
     navy  #16283c
     cyan  #43b8dc
     tint  #eaf4fb
   Do NOT edit seo-agency.css — every override here matches the
   original selector at equal specificity and wins by cascade
   order (this sheet loads last).
   ============================================================ */

/* ------------------------------------------------------------
   :root variables
   Original (seo-agency.css :root): --base-color: #4c46c0 (purple)
   and --dark-gray: #2a2b3f (purple-tinted charcoal used for
   headings, footer nav text, dark sections).
   style.css consumes var(--base-color) in ~68 rules (links,
   buttons, swiper pagination, cursor, scroll progress, etc.),
   so this single override re-skins all of them. Fonts are left
   exactly as the template set them (Urbanist / Atkinson
   Hyperlegible via seo-agency.css).
   ------------------------------------------------------------ */
:root {
  --base-color: #1e6fb8;   /* Stratamize blue (was purple #4c46c0) */
  --dark-gray: #16283c;    /* Stratamize navy (was purple-cast #2a2b3f) */
  /* brand tokens for any future page-level styling */
  --brand-blue: #1e6fb8;
  --brand-navy: #16283c;
  --brand-cyan: #43b8dc;
  --brand-tint: #eaf4fb;
}

/* ------------------------------------------------------------
   .bg-sea-buckthorn
   Original: solid orange #ec954d — used as a small accent /
   highlight background chip. Mapped to the cyan accent.
   ------------------------------------------------------------ */
.bg-sea-buckthorn {
  background-color: #43b8dc;
}

/* ------------------------------------------------------------
   .bg-dark-gray-transparent
   Original: rgba(42, 43, 63, .8) — translucent purple-charcoal
   overlay behind content on imagery. Mapped to translucent
   Stratamize navy (#16283c = rgb(22, 40, 60)).
   ------------------------------------------------------------ */
.bg-dark-gray-transparent {
  background-color: rgba(22, 40, 60, 0.8);
}

/* ------------------------------------------------------------
   .bg-gradient-chablis-red-quartz-white
   Original: soft horizontal section wash, blush-pink to pale
   lavender (#fce7e1 → #efe2ea → #dcdaf5) — sits behind hero /
   feature sections with dark text on top. Mapped to an
   equally light Stratamize tint wash (tint #eaf4fb → slightly
   deeper sky tints) so text contrast is unchanged.
   ------------------------------------------------------------ */
.bg-gradient-chablis-red-quartz-white {
  background-image: linear-gradient(to right, #eaf4fb, #eaf4fb, #e1effa, #d7eaf8, #d7eaf8);
}

/* ------------------------------------------------------------
   .text-gradient-orange-sky-blue
   Original: clipped headline-text gradient, coral → mauve →
   purple (#f36b4a → #c26772 → #6256c8 x3). Recreated as the
   brand ramp navy → blue → cyan, weighted toward blue so the
   light end (cyan) never drops below readable contrast on
   white/tint backgrounds.
   ------------------------------------------------------------ */
.text-gradient-orange-sky-blue {
  background-image: linear-gradient(to right, #16283c, #1e6fb8, #1e6fb8, #2f9ccd, #43b8dc);
}

/* ------------------------------------------------------------
   .btn-gradient-orange-sky-blue
   Original: primary CTA button, coral → purple → coral
   (#f36b4a → #584ccb → #f36b4a) at background-size 200% so the
   template's hover animation slides the gradient. Recreated as
   blue → navy → blue: white label stays high-contrast at every
   slide position, and the 200% size / white text are restated
   so the hover animation keeps working identically.
   ------------------------------------------------------------ */
.btn-gradient-orange-sky-blue {
  background-image: linear-gradient(to right, #1e6fb8, #16283c, #1e6fb8);
  background-size: 200% auto;
  color: var(--white);
}

/* ------------------------------------------------------------
   .bg-gradient-top-very-light-gray
   Original: vertical near-white wash (#f4f7fd → #f9fbff →
   #ffffff) — already neutral, re-tinted one step toward the
   brand tint #eaf4fb so light sections read as the same family
   as the rest of the palette.
   ------------------------------------------------------------ */
.bg-gradient-top-very-light-gray {
  background-image: linear-gradient(to top, #eef5fb, #eef5fb, #f7fbfe, #f7fbfe, #ffffff);
}