/* Assay: fonts and colour tokens. */

@font-face {
  font-family: 'Jost Variable'; font-style: normal; font-display: swap; font-weight: 100 900;
  src: url(assets/fonts/jost-latin-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Geist Mono'; font-style: normal; font-display: swap; font-weight: 100 900;
  src: url(assets/fonts/GeistMono-Variable.woff2) format('woff2-variations');
}

:root {
  /* Jost (OFL) on every device, so the page looks the same on Windows and on a Mac. */
  --sans: "Jost Variable", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
  /* Geist Mono is for the address only. */
  --mono: "Geist Mono", ui-monospace, "SF Mono", Consolas, monospace;

  --bg: #101012;        /* graphite */
  --panel: #18181B;
  --panel-2: #242428;
  --text: #F4F2EC;
  --text-2: #A9A69E;
  --text-3: #88857D;    /* 4.5:1 on --bg and --panel only; use --text-2 on --panel-2 */
  --line: rgba(255, 255, 255, .1);
  --gold: #E9B949;      /* the bar, the marks and the download. Nothing else. */
  --gold-ink: #2A1D00;  /* text on gold */

  /* The bar is drawn in flat facets. Four golds do the work; the three in-between tones are
     only for the small corner facets. No gradients anywhere. */
  --au-top: #F4CE6A;    /* top face */
  --au-lit: #E9B949;    /* bevels that face the light: back and left */
  --au-mid: #C9982F;    /* front side */
  --au-dark: #9E7420;   /* right side */
  --au-spark: #F9DA7E;  /* corner facet, top left */
  --au-warm: #D9A93A;   /* corner facet, bottom left */
  --au-dusk: #B08528;   /* corner facet, bottom right */
  --au-punch: #84600F;  /* what a punch presses in: the number and the hallmarks */
  --au-lip: #FCEBB5;    /* the lit lower edge of anything pressed in */
  --au-ink: #402D03;    /* small engraving */
}