/*
 * Solar With No Panels, worn by the same pages (brand.js sets
 * html[data-brand="solarwithnopanels"]). Nothing here applies to anyone else.
 *
 * Their palette, from solarwithnopanels.com:
 *   forest #153e35   primary ink, buttons
 *   pine   #245b4d   button gradient, hover
 *   olive  #708f14   rings, small accents (readable on white)
 *   lime   #dcf778   highlight fills only, never text on white
 *   sage   #5f716a   secondary text
 *   paper  #fffefa   page ground
 */
html[data-brand="solarwithnopanels"]{
  --sun:#245b4d;--sun-d:#153e35;--brown:#153e35;
  --b50:rgba(21,62,53,.55);--b10:rgba(21,62,53,.12);
  --green:#153e35;
  --swnp-forest:#153e35;--swnp-pine:#245b4d;--swnp-olive:#708f14;--swnp-lime:#dcf778;--swnp-sage:#5f716a;--swnp-paper:#fffefa;
}
html[data-brand="solarwithnopanels"] body{
  background:
    radial-gradient(900px 520px at 6% -12%,rgba(220,247,120,.28),transparent 58%),
    radial-gradient(700px 420px at 100% 0%,rgba(36,91,77,.07),transparent 60%),
    var(--swnp-paper);
}

/* ---- header: their logo in place of the wordmark ---- */
html[data-brand="solarwithnopanels"] .top{background:rgba(255,254,250,.94);border-bottom-color:rgba(21,62,53,.10)}
html[data-brand="solarwithnopanels"] header .brand .dot,
html[data-brand="solarwithnopanels"] header .brand .wm{display:none}
html[data-brand="solarwithnopanels"] header .brand .brand-logo{display:block;height:40px;width:auto;border-radius:5px}
html[data-brand="solarwithnopanels"] .refbar{background:linear-gradient(90deg,var(--swnp-pine),var(--swnp-forest))}

/* ---- pages (enroll.html, esign.html) ---- */
html[data-brand="solarwithnopanels"] .icon.wait{box-shadow:0 8px 24px rgba(21,62,53,.24)}
html[data-brand="solarwithnopanels"] .btn.secondary{border-color:rgba(36,91,77,.45)}
html[data-brand="solarwithnopanels"] .choice:hover{box-shadow:0 6px 18px rgba(21,62,53,.12)}
html[data-brand="solarwithnopanels"] .choice.pref{box-shadow:0 4px 16px rgba(21,62,53,.10)}
html[data-brand="solarwithnopanels"] .brand .dot{box-shadow:0 0 0 4px rgba(220,247,120,.55)}

/* ---- the Finder (funnel.js) ---- */
html[data-brand="solarwithnopanels"] .jf-btn{box-shadow:0 6px 22px rgba(21,62,53,.22)}
html[data-brand="solarwithnopanels"] .jf-btn:focus-visible,
html[data-brand="solarwithnopanels"] .jf-choice-card:focus-visible{outline-color:var(--swnp-olive)}
html[data-brand="solarwithnopanels"] .jf-prog-bar{background:linear-gradient(90deg,var(--swnp-olive),var(--swnp-forest))}
html[data-brand="solarwithnopanels"] .jf-input:focus{box-shadow:0 0 0 4px rgba(112,143,20,.18)}
html[data-brand="solarwithnopanels"] .jf-choice-card:hover{box-shadow:0 6px 18px rgba(21,62,53,.10)}
html[data-brand="solarwithnopanels"] .jf-choice-card.active{background:rgba(220,247,120,.18);box-shadow:0 0 0 3px rgba(112,143,20,.22)}

/* ---- the signing view (agreements/signing-view.js) ---- */
html[data-brand="solarwithnopanels"] .sv-title,
html[data-brand="solarwithnopanels"] .sv-clear,
html[data-brand="solarwithnopanels"] .sv-docthumb{color:var(--swnp-forest)}
html[data-brand="solarwithnopanels"] .sv-stepnum,
html[data-brand="solarwithnopanels"] .sv-docbtn,
html[data-brand="solarwithnopanels"] .sv-submit{background:linear-gradient(135deg,var(--swnp-pine),var(--swnp-forest))}
html[data-brand="solarwithnopanels"] .sv-submit{box-shadow:0 8px 22px rgba(21,62,53,.24)}
html[data-brand="solarwithnopanels"] .sv-fld input:focus,
html[data-brand="solarwithnopanels"] .sv-fld.billpend input:focus,
html[data-brand="solarwithnopanels"] .sv-fld.sv-landed input:focus{border-color:var(--swnp-olive);box-shadow:0 0 0 3px rgba(112,143,20,.18)}
html[data-brand="solarwithnopanels"] .sv-reveal:focus-visible,
html[data-brand="solarwithnopanels"] .sv-reauth-pin:focus{outline-color:var(--swnp-olive)}
html[data-brand="solarwithnopanels"] .sv-doccard{border-left-color:var(--swnp-olive)}
html[data-brand="solarwithnopanels"] .sv-authcap{border-left-color:var(--swnp-olive);background:rgba(220,247,120,.16);color:var(--swnp-forest)}
html[data-brand="solarwithnopanels"] .sv-usagehint{background:rgba(220,247,120,.22);color:var(--swnp-forest)}
html[data-brand="solarwithnopanels"] .sv-docpending{border-color:rgba(112,143,20,.5);background:rgba(220,247,120,.16);color:var(--swnp-forest)}

/* ---- the contract summary (agreements/cover-sheet.js) ---- */
html[data-brand="solarwithnopanels"] .cs-pct{color:var(--swnp-forest)}