/* TradeConnex FY27 dashboard — shared design tokens and base atoms (5 Sep 2026).
   Every page used to carry its own copy of these; they drifted. Pages link this FIRST, then their own <style>,
   so a page-specific override still wins. Only rules that were byte-identical across pages live here. */

@font-face{font-family:'OakesGrotesk';src:url('/fonts/OakesGrotesk-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'OakesGrotesk';src:url('/fonts/OakesGrotesk-Medium.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'OakesGrotesk';src:url('/fonts/OakesGrotesk-Semi-Bold.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'OakesGrotesk';src:url('/fonts/OakesGrotesk-Bold.woff2') format('woff2');font-weight:700;font-display:swap}

:root{--navy:#112967;--navy2:#0a1830;--blue:#0065E4;--ink:#0d1b2a;--muted:#5a6b85;--line:#e3e8f0;--bg:#f5f7fb;--card:#fff;--green:#16a34a;--amber:#B45309;--red:#dc2626}
body{font-family:'OakesGrotesk','Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:var(--bg);color:var(--ink);line-height:1.5;-webkit-text-size-adjust:100%}
.hero{background:var(--navy);color:#fff;padding:18px 16px}
.muted{color:var(--muted)}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px 16px;margin-bottom:14px}
.pill{display:inline-block;font-size:.72rem;font-weight:700;padding:3px 9px;border-radius:20px}
.av{width:30px;height:30px;border-radius:8px;flex:none;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:.92em}