/* Fixathon brand tokens. Generated from tokens.json by hand; keep the two in step. */
@import url('https://fonts.googleapis.com/css2?family=Doto:wght@700;900&family=IBM+Plex+Mono:wght@400;500&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap');

:root {
  --fx-ink: #141311;
  --fx-graphite: #23211e;
  --fx-graphite-2: #3a3732;
  --fx-muted-dark: #a29e94;
  --fx-hivis: #e8630a;       /* the fix; text on it is always --fx-ink */
  --fx-flare: #ff8a3d;       /* orange text and lines on dark */
  --fx-hivis-deep: #a84303;  /* orange text and links on light */
  --fx-hivis-100: #fbdcc6;
  --fx-concrete: #e2e0da;
  --fx-line: #cfccc4;
  --fx-muted: #66625a;
  --fx-paper: #f6f5f2;

  --fx-sans: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
  --fx-mono: 'IBM Plex Mono', ui-monospace, Menlo, monospace;
  --fx-led: 'Doto', 'IBM Plex Mono', ui-monospace, monospace;  /* clocks and big numbers only */

  --fx-px: 4px;              /* the pixel module; spacing snaps to it */
  --fx-space: 4px 8px 12px 16px 24px 32px 48px 80px;
  --fx-radius: 0;
  --fx-shadow: 4px 4px 0 var(--fx-ink);
  --fx-shadow-chosen: 4px 4px 0 var(--fx-hivis);
}