/* TSANet Connect Developer Hub — shared design system. Page-specific styles (hero, lifecycle rail) stay in the page that uses them. */ :root{ /* TSANet brand palette — verified against "TSANet Logo Guide 2026v3" (Logo Suite). The six brand hues are exact; paper/panel/ink/slate/line/mute/wash are derived neutrals; green/red are functional status colours outside the brand palette. The wordmark is set in DIN 2014 (logo artwork only) — always use the logo images in assets/, never a substitute font. */ --paper:#F4F8FA; --panel:#FFFFFF; --ink:#093D56; /* deep petrol text */ --slate:#41637A; --line:#D7E4EB; --blue:#005B82; /* TSANet petrol blue */ --cyan:#337C9B; /* TSANet steel blue */ --deep:#00476B; /* darker petrol */ --orange:#CC4E0B; /* TSANet orange, the one dot */ --orange2:#D6713C; /* TSANet light orange */ --steel:#7AAAC1; /* TSANet soft blue */ --pale:#99BDCD; /* TSANet pale blue — tints on petrol surfaces */ --amber:#CC4E0B; --green:#1F9D6B; --red:#C94F4F; --mute:#8695AB; --wash:#EDF3F6; --mono:'JetBrains Mono',monospace; --body:'Open Sans',sans-serif; --disp:'Open Sans',sans-serif; } *{margin:0;padding:0;box-sizing:border-box} html{scroll-behavior:smooth} body{background:var(--paper);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased} a{color:inherit;text-decoration:none} .wrap{max-width:1120px;margin:0 auto;padding:0 24px} /* ---- nav ---- White header matching tsanet.org: the wordmark carries the brand colour, the links are petrol, and hover/current draw the orange 2px rule underneath — the same mechanism tsanet.org uses (border-bottom transparent -> --orange). Scoped to `body > nav`, never a bare `nav`. The footer's section list is also a