/* Trade8 design tokens. Shared by the website and design-system.html. */
@font-face{font-family:'Chakra Petch';font-style:normal;font-weight:500 700;font-display:swap;src:url('/fonts/chakra-petch-latin-600-normal.woff2') format('woff2')}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:400 500;font-display:swap;src:url('/fonts/ibm-plex-sans-latin-400-normal.woff2') format('woff2')}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:600 700;font-display:swap;src:url('/fonts/ibm-plex-sans-latin-600-normal.woff2') format('woff2')}
:root{
  --canvas:#121a22;
  --panel:#19232e;
  --raised:#22303d;
  --accent:#ff6500;
  --accent-hover:#ff812e;
  --ink:#f3f0e9;
  --muted:#a4a6aa;
  --line:#35373b;
  --display:'Chakra Petch',sans-serif;
  --body:'IBM Plex Sans',sans-serif;
  --radius-small:4px;
  --radius-panel:8px;
  --button-height:48px;
  --button-padding:12px 22px;
  --button-font-size:14px;
  --button-font-weight:600;
  --button-line-height:1.4;
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-6:24px;
  --space-8:32px;
  --space-12:48px;
  --space-16:64px;
  --space-24:96px;
}