/* Color directions 1 and 3; direction 2 is color-preview.css. */
:root[data-option="1"]{--navy:#111827;--navy2:#202b3b;--blue:#0050a0;--electric:#00cce8;--cream:#eafaff;--paper:#fffdf6;--orange:#fb2e8b;--ink:#111827;--muted:#536174;--line:#d5dfe6}
:root[data-option="1"] .site-header{background:#0b1423e9;color:#fff;border-bottom-color:#ffffff30}
:root[data-option="1"] .desktop-nav a{color:#f1f6fa}
:root[data-option="1"] .desktop-nav a:hover,:root[data-option="1"] .header-cta{color:#53e4f5}
:root[data-option="1"] .menu-button span{background:#fff}
:root[data-option="1"] .hero{background:#0b1423;color:#fff}
:root[data-option="1"] .hero-photo{background-image:url('assets/option1-hero.webp');background-position:65% center}
:root[data-option="1"] .hero-shade{background:linear-gradient(90deg,#071321 0%,#071321f0 23%,#071321b9 42%,#07132121 78%),linear-gradient(0deg,#071321aa,transparent 33%)}
:root[data-option="1"] .hero h1 em{color:#f8db33}
:root[data-option="1"] .hero-intro{color:#edf5fa}
:root[data-option="1"] .hero .eyebrow.light{color:#64e6f5}
:root[data-option="1"] .hero .orange-line{background:#fa2c8b}
:root[data-option="1"] .hero-bottom,:root[data-option="1"] .hero-side,:root[data-option="1"] .text-link{color:#f6fbff}
:root[data-option="1"] .text-link{border-color:#f6fbff8a}
:root[data-option="1"] .button-orange{background:#f7d934;color:#111827}
:root[data-option="1"] .button-orange:hover{background:#fff18a}
:root[data-option="1"] .story{background:#eafaff}
:root[data-option="1"] .story h2 span,:root[data-option="1"] .story-stats strong span{color:#df2675}
:root[data-option="1"] .story-stats strong,:root[data-option="1"] .story .eyebrow{color:#0050a0}
:root[data-option="1"] .story-media-label span:last-child{color:#f7d934}
:root[data-option="1"] .catalog{background:#fffdf6}
:root[data-option="1"] .catalog h2 em{color:#df2675}
:root[data-option="1"] .catalog .eyebrow,:root[data-option="1"] .catalog-quote strong{color:#0050a0}
:root[data-option="1"] .catalog-image span{background:#0050a0}
:root[data-option="1"] .catalog-tabs button[aria-selected=true]{background:#dff8fe;border-left-color:#00b9d5;color:#004b8f}
:root[data-option="1"] .catalog-tabs button[aria-selected=true] b,:root[data-option="1"] .catalog-list li:before{color:#e1277a}
:root[data-option="1"] .catalog-tabs button:nth-child(2)[aria-selected=true]{background:#ffe9f3;border-left-color:#e1277a}
:root[data-option="1"] .catalog-tabs button:nth-child(3)[aria-selected=true]{background:#fff9d5;border-left-color:#ddba11}
:root[data-option="1"] .catalog-tabs button:nth-child(4)[aria-selected=true]{background:#e6edff;border-left-color:#0050a0}
:root[data-option="1"] .promise{background:#d9267a;color:#fff}
:root[data-option="1"] .promise .eyebrow.light{color:#fff}
:root[data-option="1"] .promise .orange-line{background:#f7d934}
:root[data-option="1"] .promise h2 span{color:#f7d934}
:root[data-option="1"] .promise-bottom p{color:#fff4f9}
:root[data-option="1"] .contact{background:#073b72;color:#fff}
:root[data-option="1"] .contact h2 em{color:#63e6f1}
:root[data-option="1"] .contact .button-orange{background:#f7d934;color:#0b2138}
:root[data-option="1"] .contact .orange-line{background:#fa2c8b}
:root[data-option="1"] .float-wa{background:#1cac66}

:root[data-option="3"]{--navy:#132640;--navy2:#234064;--blue:#0050a0;--electric:#00b6c8;--cream:#fff0e9;--paper:#e6faf8;--orange:#f06b4c;--ink:#172d44;--muted:#667b84;--line:#c7dcd9}
:root[data-option="3"] .site-header{background:#fff9f1ed;color:#172d44;border-bottom-color:#172d4424}
:root[data-option="3"] .desktop-nav a{color:#31465a}
:root[data-option="3"] .desktop-nav a:hover,:root[data-option="3"] .header-cta{color:#e65a3d}
:root[data-option="3"] .menu-button span{background:#172d44}
:root[data-option="3"] .hero{background:#fff9f1;color:#172d44}
:root[data-option="3"] .hero-photo{background-image:url('assets/option3-hero.webp');background-position:67% center}
:root[data-option="3"] .hero-shade{background:linear-gradient(90deg,#fff9f1 0%,#fff9f1f4 25%,#fff9f1b8 42%,#fff9f100 71%),linear-gradient(0deg,#fff9f18a,transparent 34%)}
:root[data-option="3"] .hero h1 em{color:#e65a3d}
:root[data-option="3"] .hero-intro{color:#455a69}
:root[data-option="3"] .hero .eyebrow.light{color:#0050a0}
:root[data-option="3"] .hero .orange-line{background:#e65a3d}
:root[data-option="3"] .hero-bottom,:root[data-option="3"] .hero-side,:root[data-option="3"] .text-link{color:#254057}
:root[data-option="3"] .text-link{border-color:#25405770}
:root[data-option="3"] .button-orange{background:#f06b4c;color:#fff}
:root[data-option="3"] .button-orange:hover{background:#d64d33}
:root[data-option="3"] .story{background:#fff0e9}
:root[data-option="3"] .story h2 span,:root[data-option="3"] .story-stats strong span{color:#e65a3d}
:root[data-option="3"] .story-stats strong,:root[data-option="3"] .story .eyebrow{color:#0050a0}
:root[data-option="3"] .story-media-label span:last-child{color:#ffc947}
:root[data-option="3"] .catalog{background:#e6faf8}
:root[data-option="3"] .catalog h2 em{color:#e65a3d}
:root[data-option="3"] .catalog .eyebrow,:root[data-option="3"] .catalog-quote strong{color:#0050a0}
:root[data-option="3"] .catalog-image span{background:#0050a0}
:root[data-option="3"] .catalog-tabs button[aria-selected=true]{background:#fff4e8;border-left-color:#f06b4c;color:#0050a0}
:root[data-option="3"] .catalog-tabs button[aria-selected=true] b,:root[data-option="3"] .catalog-list li:before{color:#e65a3d}
:root[data-option="3"] .catalog-tabs button:nth-child(2)[aria-selected=true]{background:#e9efff;border-left-color:#0050a0}
:root[data-option="3"] .catalog-tabs button:nth-child(3)[aria-selected=true]{background:#fff6d8;border-left-color:#e7b833}
:root[data-option="3"] .catalog-tabs button:nth-child(4)[aria-selected=true]{background:#f9eaff;border-left-color:#a254ba}
:root[data-option="3"] .promise{background:#0050a0;color:#fff}
:root[data-option="3"] .promise .eyebrow.light{color:#fff}
:root[data-option="3"] .promise .orange-line{background:#ffc947}
:root[data-option="3"] .promise h2 span{color:#ffc947}
:root[data-option="3"] .promise-bottom p{color:#e7f1fc}
:root[data-option="3"] .contact{background:#f3a07e;color:#172d44}
:root[data-option="3"] .contact h2 em{color:#0050a0}
:root[data-option="3"] .contact-inner>p,:root[data-option="3"] .contact-phone,:root[data-option="3"] .contact-phone strong,:root[data-option="3"] .footer{color:#243b4d}
:root[data-option="3"] .contact .button-orange{background:#0050a0;color:#fff}
:root[data-option="3"] .contact .eyebrow.light{color:#173d62}
:root[data-option="3"] .contact .orange-line{background:#0050a0}
:root[data-option="3"] .footer{border-top-color:#172d444b}
:root[data-option="3"] .float-wa{background:#1cac66}

@media(max-width:760px){
  :root[data-option="1"] .mobile-menu{background:#0b1423f8;color:#fff}
  :root[data-option="1"] .mobile-menu a{border-color:#ffffff30}
  :root[data-option="1"] .mobile-menu-cta{color:#60e4f5}
  :root[data-option="1"] .hero-photo{background-position:63% center}
  :root[data-option="1"] .hero-shade{background:linear-gradient(90deg,#071321f7 0%,#071321c4 68%,#07132185 100%),linear-gradient(0deg,#071321c0,transparent 55%)}
  :root[data-option="3"] .mobile-menu{background:#fff9f1f8;color:#172d44}
  :root[data-option="3"] .mobile-menu a{border-color:#172d442a}
  :root[data-option="3"] .mobile-menu-cta{color:#d95137}
  :root[data-option="3"] .hero-photo{background-position:67% center}
  :root[data-option="3"] .hero-shade{background:linear-gradient(90deg,#fff9f1f6 0%,#fff9f1d6 67%,#fff9f18f 100%),linear-gradient(0deg,#fff9f1c4,transparent 55%)}
}