/* SKIN: professional (law, accounting, medical, consulting, B2B services)
   Feel: clean, credible, quiet confidence. Structured, restrained color. */
:root{
  --paper:#ffffff; --ink:#1f2430; --muted:#4d5464;
  --radius:8px;
  --shadow:0 2px 10px rgba(31,36,48,.08);
  --tile-border:1px solid #e2e5ea;
  --header-line:1px solid #e2e5ea;
  --section-bg-alt:#f4f6f9;
  /* NOT setting --accent-text here (removed 2026-08-12, was #fff): base.css's
     own fallback is color:var(--accent-text,var(--dark)) specifically so a
     light/mid accent color gets readable dark text by default. Hardcoding
     white at the skin level defeated that safety net the moment a real site
     used a light accent - bsn-consumers' orange #FF8C2A + white measured
     ~2.3:1, well under the 4.5:1 AA minimum for this button's text size.
     Dark text also reads more "restrained/quiet confidence" than white,
     which fits this skin's own brief better. A future professional-vertical
     site with a genuinely DARK accent color can set --accent-text:#fff in
     ITS OWN config-driven override if needed - see how color_accent/
     color_primary already work; this skin file should not assume for it. */
  --hero-overlay:linear-gradient(180deg,rgba(18,22,32,.7),rgba(18,22,32,.45) 55%,rgba(18,22,32,.72));
}
.hero{min-height:64vh}
h1{font-size:clamp(2rem,4.6vw,3.1rem)}
.tile h3{color:var(--primary)}