/* trade-pro design tokens (skeleton; full cms port in Phase 3) */
:root{--sf-tp-primary:#0b3d91;--sf-tp-accent:#f5a623;--sf-tp-bg:#ffffff;--sf-tp-text:#1a2332;--sf-tp-muted:#5a6a7e;--sf-tp-radius:8px;--sf-tp-font:'Inter',system-ui,-apple-system,sans-serif}
body{margin:0;font-family:var(--sf-tp-font);color:var(--sf-tp-text);background:var(--sf-tp-bg)}
/* trade-pro buttons use the sf-tp- prefix so the platform custom.css rules
   (.btn/.primary/.request/.button/.nav-btn) can never restyle them. */
.sf-tp-btn{display:inline-block;padding:.7rem 1.4rem;border-radius:var(--sf-tp-radius);background:var(--sf-tp-primary);color:#fff;text-decoration:none;font-weight:600;border:1px solid var(--sf-tp-primary)}
.sf-tp-btn:hover{background:#0a357d}
.sf-tp-btn:focus-visible{outline:2px solid var(--sf-tp-accent);outline-offset:2px}
.sf-tp-btn-outline{background:transparent;color:var(--sf-tp-primary)}
.sf-tp-btn-outline:hover{background:#eef4fc;color:#0a357d}
/* Minimal skeleton accents so the page is not unstyled before the Phase 3 port. */
.pro-utility{background:var(--sf-tp-primary);color:#fff}
.pro-eyebrow{color:var(--sf-tp-primary);letter-spacing:.14em}
.pro-home-hero em{color:var(--sf-tp-primary)}
a{color:var(--sf-tp-primary)}