/* ========================================================================== source-jefferson.css Jefferson Bank brand override for the CentralBank calculator theme. Activated by data-source="jefferson" on (set from ?source=jefferson). Standalone file — NOT compiled from style.scss, so it survives recompiles. Requires the _variables.scss refactor exposing --primary-color, --secondary-color, and --accent-color as :root custom properties, and a recompile of style.css. Redefining those three variables then re-skins every brand-colored element — including the input fieldset summary and the open result tab, which both use $primary-color in the source. ========================================================================== */ html[data-source="jefferson"] { /* Brand tokens — drive every primary/accent/secondary consumer at once, including .calcInputs .calcFieldset summary and .resultsTab.open backgrounds */ --primary-color: #005596; --accent-color: #379ecd; --secondary-color: #424242; /* same as base; explicit for clarity */ /* Chart palette (read by the Highcharts engine via getComputedStyle) */ --chartColor01: #005596; --chartColor02: #a387d6; --chartColor03: #7e6301; --chartColor04: #92278f; --chartColor05: #0e769f; --chartColor06: #dc65d8; } /* Pill corners — buttons / email summary. (The slider track is already pill-shaped: 10px radius on a 10px-tall track. The slider handle border is already 1px #F0F5F7, and the unfilled track is already #F0F5F7 — both match Jefferson's spec with no extra rules.) */ html[data-source="jefferson"] .calcSubmit summary, html[data-source="jefferson"] .btn, html[data-source="jefferson"] .btn-primary { border-radius: 999px; } /* ========================================================================== NOTES - White headers: NO blanket h1–h6 rule here. A global white rule painted the calculator title white-on-white (invisible). The headers that sit on the primary band (fieldset summary text, active tab text, dialog titles, table column heads) are already white in the base theme regardless of source, so the #ffffff "Headers" requirement is already satisfied where it applies. If a specific header still needs white, scope a rule to that selector only. - .calcSubmit summary background stays gray (#E1E1E1, $emailResults-color) by design — it is the Email Results accordion, not a primary consumer. - Typography: already Raleway theme-wide; no rule needed. - Firefox slider fill: base ::-moz-range-track uses $accent-color while ::-webkit-slider-runnable-track uses $primary-color, so the FILLED area is #379ecd on Firefox vs #005596 on Chrome/Safari for Jefferson. To unify on #005596, change the moz track gradient in _sliders.scss to $primary-color and recompile (fixes both banks). ========================================================================== */