/* OxygenHub report stylesheet (oxygenhub#127). A report's page links it

   to look like the hub around it, with no fonts or colours of its own:

     <link rel="stylesheet" href="/static/report.css">

   It sets the hub's fonts (Barlow; IBM Plex Mono for code) and its colour

   tokens, following the hub's theme as the frame script passes it on:

   --bg, --panel, --soft, --ink, --mute, --line, --acc, --acc-2, --ok,

   --bad, --warn, and --m1..--m5 for chart series. The page's background

   is the hub's panel. */

@font-face { font-family: "Barlow"; font-weight: 400; font-display: swap; src: url(/static/fonts/Barlow-400.woff2) format("woff2"); }

@font-face { font-family: "Barlow"; font-weight: 500; font-display: swap; src: url(/static/fonts/Barlow-500.woff2) format("woff2"); }

@font-face { font-family: "Barlow"; font-weight: 600; font-display: swap; src: url(/static/fonts/Barlow-600.woff2) format("woff2"); }

:root {

  color-scheme: dark;

  --bg:#070c18; --panel:#0e1526; --soft:#141d33; --ink:#e6ecf7; --mute:#8592ad; --line:#1f2b47;

  --acc:#00e0f0; --acc-2:#0072ff; --ok:#5fe3a1; --bad:#ff5e7a; --warn:#b48cff;

  --m1:#00f0ff; --m2:#d6dcea; --m3:#5aa8ff; --m4:#0072ff; --m5:#8592ad;

}

:root[data-theme="light"] {

  color-scheme: light;

  --bg:#f4f7fc; --panel:#ffffff; --soft:#e9eef8; --ink:#1b2333; --mute:#5f6a81; --line:#d6dded;

  --acc:#0064e0; --acc-2:#00b8d4; --ok:#1a7850; --bad:#c62d47; --warn:#6b3fd1;

  --m1:#0090a8; --m2:#7a8290; --m3:#2f6fcf; --m4:#0055c0; --m5:#8a8f9c;

}

html { background: var(--panel); }

body { margin: 0; padding: 16px; background: var(--panel); color: var(--ink); font: 15px/1.45 "Barlow", system-ui, sans-serif; }

code, pre, kbd { font-family: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 13px; }

a { color: var(--acc); }

h1, h2, h3 { font-weight: 600; line-height: 1.2; }

table { border-collapse: collapse; }

th, td { border-bottom: 1px solid var(--line); padding: .35em .6em; text-align: left; }

th { color: var(--mute); font-weight: 500; }