/* Theme option 1 demo: whole homepage dark navy + cyan (brand colours). */
:root { --v2-text:#e8f3f6; --v2-dim:#9fb6c4; --v2-line:#ffffff1c; --v2-teal:#3bd3df; --v2-sky:#0c2a44;
  --v2-base:#061a2c; --v2-alt:#0a2540; --v2-card:#0f2f4d; --v2-ink:#e8f3f6; --v2-cream:#071f35; --v2-navy:#e8f3f6; --acc:#3bd3df; --acc-ink:#04121f; }
body:has(.f-hero) { background: var(--v2-base); color: var(--v2-text); }
.topbar { background: #030f1b; }
body:has(.f-hero) .header, body:has(.f-hero) .header.is-scrolled { background: rgba(6,26,44,.92); border-bottom-color: #ffffff14; }
body:has(.f-hero) .nav a { color: #c9dbe4; } body:has(.f-hero) .nav a.active, body:has(.f-hero) .nav a:hover { color: #fff; }
@media (max-width: 900px) { body:has(.f-hero) .nav { background: #061a2c; } .menu span, .menu::before, .menu::after { background: #fff; } }
.header .brand img { content: url(varunidhi-logo-header-ondark.png); }
.footer-logo { content: url(varunidhi-logo-footer-ondark.png); }
h1, h2, h3, h4, .v2-h2, .v2-title { color: #fff; }
.v2-forms, .v2-route, .v3-mill, .v2-promise, .v2-cta, body:has(.f-hero) .footer { background: var(--v2-base); color: var(--v2-text); }
.v2-promise, .v3-mill { background: var(--v2-alt); }
.v2-cards article, .v2-stage-label, .v2-panel { background: var(--v2-card); color: var(--v2-text); }
.v2-cards article:hover { background: #133a5c; }
.v2-forms p, .v2-route p, .v2-promise p, .v3-mill p, .v2-cta p, .footer p, .footer a, .v2-steps li { color: var(--v2-dim); }
.footer h2 { color: var(--acc); } .footer .footer-end { color: #7f97a6; border-top-color: #ffffff1a; }
.v2-eyebrow, .eyebrow { color: var(--acc); }
.v2-h2 span, h2 span { color: #7fa9bd; }
/* quote builder card */
.qb { background: var(--v2-card); color: var(--v2-text); box-shadow: 0 30px 80px #0008; }
.qb-prod, .qb-chips button { background: #133a5c; color: #e8f3f6; }
.qb-prod[aria-pressed="true"], .qb-chips button[aria-pressed="true"], .qb-next { background: var(--acc); color: var(--acc-ink); }
.qb-field, .qb-back, .qb .v2-btn.ghost, .qb-steps li.is-done, .qb-steps li.is-on { color: #e8f3f6; }
.qb-field input, .qb-field textarea { background: #0a2540; border-color: #ffffff26; color: #fff; }
.qb .v2-btn.ghost { box-shadow: inset 0 0 0 1px #ffffff40; }
.v2-btn.ghost { color: #fff; box-shadow: inset 0 0 0 1px #ffffff40; }
.qb-steps { background: #0a2540; } .qb-steps li { color: #7f97a6; }
.v2-forms [data-div], .v2-forms [data-ing] { background: #133a5c; color: #e8f3f6; }
.v2-forms [data-div][aria-selected="true"], .v2-forms [data-div].is-on, .v2-forms [data-ing][aria-pressed="true"], .v2-forms [data-ing].is-on,
.v2-forms [data-div][aria-pressed="true"] { background: var(--acc); color: var(--acc-ink); }
body:has(.f-hero) .footer a, .footer .small, .footer p { color: #a9bfcc; }
.v2-cta-title, .v2-cta-title vx-i { color: #fff; } .v2-cta-title span, .v2-cta-title span vx-i { color: #7fa9bd !important; }