/* Forspec brand tokens — from forspec-website / tds-redesign DESIGN_SPEC */
:root {
  --red: #ED1C23;
  --red-dark: #97282A;
  --yellow: #FFD33D;
  --grey: #E7E8E9;
  --zebra: #EFEFEF;
  --pink: #FFEFF0;
  --ink: #171717;
  --muted: #5A5A5A;
  --meta: #666666;
  --black: #0E0E0E;
  --paper: #FFFFFF;
  --ok: #1E7B34;
  --warn: #B87400;
  --maxw: 1320px;
  --radius: 24px;          /* cards */
  --radius-frame: 38px;    /* the dark app frame */
  --radius-canvas: 30px;   /* the light content panel inside the frame */
  --radius-pill: 999px;    /* buttons, inputs, badges, chips */
  --frame: #171717;        /* app frame + sidebar */
  --shadow: none;          /* flat design — separation comes from bg contrast */
}

@font-face { font-family: 'Open Sans'; src: url('/static/fonts/OpenSans-400.ttf'); font-display: swap; font-weight: 400; }
@font-face { font-family: 'Open Sans'; src: url('/static/fonts/OpenSans-600.ttf'); font-display: swap; font-weight: 600; }
@font-face { font-family: 'Open Sans'; src: url('/static/fonts/OpenSans-700.ttf'); font-display: swap; font-weight: 700; }
@font-face { font-family: 'Open Sans'; src: url('/static/fonts/OpenSans-800.ttf'); font-display: swap; font-weight: 800; }

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  font-family: 'Open Sans', system-ui, sans-serif;
  color: var(--ink);
  background: var(--frame); /* edge-to-edge: the app fills the window */
  font-size: 15px;
  line-height: 1.5;
}
h1, h2, h3 { line-height: 1.2; }
a { color: var(--red-dark); }