/* ============================================================
Negotiation Copilot — Suite Skin
The shared design layer every tool includes. Two things:
(1) design tokens (palette / type / spacing)
(2) the unified .nc-topbar component
Everything is namespaced .nc- so it never clashes with a
tool's own styles. Each tool adds, in :
and pastes the topbar snippet (see suite-topbar.html) as the
first element in , marking its own link class="on".
============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Display:wght@500;600;700&family=Fraunces:ital,opsz,wght@1,9..144,400;1,9..144,500&family=IBM+Plex+Mono:wght@500&display=swap');
:root {
/* palette — SMARTnership brand */
--sn-navy: #071625;
--sn-navy-2: #0e2236;
--sn-blue: #023d67;
--sn-orange: #fd7702;
--sn-orange-ink: #071625;
--sn-paper: #f4f1ec;
--sn-ink: #1b2733;
--sn-line: rgba(255,255,255,.12);
/* type */
--sn-font-display: 'Red Hat Display', system-ui, sans-serif;
--sn-font-serif: 'Fraunces', Georgia, serif;
--sn-font-mono: 'IBM Plex Mono', ui-monospace, monospace;
/* shape */
--sn-radius: 10px;
--sn-radius-lg: 14px;
}
/* ---- the unified top-bar ---------------------------------- */
.nc-topbar {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
background: var(--sn-navy);
padding: 12px 24px;
font-family: var(--sn-font-display);
position: sticky;
top: 0;
z-index: 1000;
box-sizing: border-box;
margin: 0;
border: 0;
}
/* Hard resets so a host tool's element-level styles (nav{}, etc.)
can never bleed into the shared bar. Scoped to the