16 lines
1.2 KiB
CSS
16 lines
1.2 KiB
CSS
|
/* 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)}
|