/* Paleta baseada no mockup de Oleodinamica fornecido. */
:root {
  --brand-ink: #08243b;
  --brand-soft: #edf7fc;
  --brand-orange: #ff9400;
  --brand-orange-dark: #006780;
  --brand-orange-light: #00c6e8;
  --color-brand-green-text: #00738b;
  --color-red-600: #0b3555;
}
body > div > div:first-child { background: #08243b; color: #fff; }
section:first-of-type h1, section:first-of-type h2 { color: #08243b !important; }
.bg-brand-green\/10 { background: #e8faff; }
.border-brand-green { border-color: #00738b; }
.bg-brand-green:not([class*=\/10]), .bg-brand-bonus-badge { background: #00c6e8; }
.bg-brand-green:not([class*=\/10]), .bg-brand-green:not([class*=\/10]) *,
.bg-brand-bonus-badge, .bg-brand-bonus-badge * { color: #08243b !important; }
.text-brand-red { color: #006780; }
.mx-bg-1, .mx-bg-4 { background: #08243b !important; }
.mx-bg-1 h2, .mx-bg-4 h2 { color: #00c6e8 !important; }
.mx-bg-2 h2, .mx-bg-3 h2 { color: #0b3555 !important; }
[class*=mx-bg-] .bg-white { border-color: #b8dce9; }
.mx-bg-5 { background: #0b3555 !important; }
.mx-bg-5 > h2, .mx-bg-5 > h2 span { color: #00c6e8 !important; }
.mx-bg-5 > p, .mx-bg-5 > p[class*=text-white] { color: #fff !important; }
.mx-bg-5 .text-brand-gold { color: #006780; }
a.cta-link, [class*=mx-bg-] a.btn-checkout { background: #ff9400 !important; color: #08243b !important; }
a.cta-link:hover, [class*=mx-bg-] a.btn-checkout:hover { background: #ffad33 !important; }
.bg-brand-dark .text-brand-green { color: #00c6e8 !important; }
.bg-brand-dark .bg-brand-green { color: #08243b !important; }
footer { background: #061c2e !important; }
:focus-visible { outline: 3px solid #00738b; outline-offset: 4px; }