/* ============================================================ Behrman Engineering — Committed theme: AZURE BOLD ------------------------------------------------------------ One brand look, two modes: • dark → data-theme="bold-azure" (default, set on ) • light → data-theme="azure-light" (auto when OS prefers light, or via the header light/dark toggle) Deep blacks, azure secondary (#6CABE0), golden-amber micro-accent. The GREEN is defined once in styles.css :root as --brand-green (#3E7044) and is identical in both modes — it is the definitive BE identifier and always carries white text (--on-green). The --signal token below is the green ACCENT tint (eyebrows, links, linework); it shifts per mode so green-as-text stays readable on each background. ============================================================ */ /* ---- DARK (default) ------------------------------------------ Bright green accent lifted for AA on near-black backgrounds. */ [data-theme="bold-azure"]{ --ink:#141414; --charcoal:#1E1E1E; --steel:#454545; --paper:#FAFAFA; --mist:#A3A3A3; --signal:#69A86D; /* green accent — light tint, readable on dark */ --signal-deep:#4F8A54; --blueprint:#6CABE0; /* azure — linework, links */ --flare:#E3A45A; /* golden amber — micro-accents */ } /* ---- LIGHT --------------------------------------------------- Light-mode mirror: same hue family, flipped value scale; accents darkened to hold >=4.5:1 on paper. Here the green accent equals the definitive --brand-green, since #3E7044 reads cleanly on warm paper. */ [data-theme="azure-light"]{ color-scheme:light; --ink:#F4F2EE; /* page: warm paper */ --charcoal:#FFFFFF; /* panels: white */ --steel:#D8D4CD; /* borders */ --paper:#1E1E1E; /* text: BE charcoal */ --mist:#5A5F66; /* secondary text */ --signal:#3E7044; /* green accent = definitive brand green */ --signal-deep:#2F5634; --blueprint:#2E6FA3; /* deep azure */ --flare:#8F5C1A; /* deep amber */ --grid-line:rgba(46,55,66,.05); /* fine grid on warm paper */ --grid-major:rgba(46,55,66,.08); /* major grid line */ } [data-theme="azure-light"] .site-header{background:rgba(244,242,238,.92)} [data-theme="azure-light"] .hero-photo::after{background:linear-gradient(90deg,rgba(244,242,238,.97) 0%,rgba(244,242,238,.88) 38%,rgba(244,242,238,.55) 70%,rgba(244,242,238,.75) 100%),linear-gradient(0deg,rgba(244,242,238,.96) 0%,rgba(244,242,238,.15) 45%)}