/* tokens.css -- the whole look of the tracker in one place (kit m40ct).
   Plain, calm, light default. The final look is picked later; swap these values and nothing else. */
:root {
  /* color */
  --bg: #FFFFFF;          /* page */
  --text: #111111;        /* type */
  --muted: #5E5E5E;       /* secondary type, 6.4:1 on white */
  --line: #E4E4E4;        /* the one hairline */
  --soft: #F6F6F4;        /* our row in a table */
  --accent: #FF3600;      /* Simply Bitcoin: our line, our bars, the one primary button */
  --accent-ink: #0A0A0A;  /* text on the accent */
  --pick: #111111;        /* the peer picked on a compare page */
  --field: #C4C4C4;       /* the rest of the field */
  --neg: #8A8A8A;         /* a falling bar */

  /* type */
  --font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --fs-body: 16px;
  --fs-dense: 14px;
  --fs-small: 13px;
  --fs-h1: 36px;
  --fs-h2: 24px;
  --fs-h3: 18px;
  --fs-big: 40px;

  /* space and shape */
  --pad: 40px;            /* page gutter */
  --gap: 48px;            /* between sections */
  --max: 1200px;          /* content width */
  --radius: 8px;
  --btn-h: 44px;
}
@media (max-width: 760px) {
  :root { --pad: 16px; --gap: 36px; --fs-h1: 28px; --fs-big: 32px; --fs-h2: 21px; }
}