/* Amber: fonts and colour tokens. */

@font-face {
  font-family: 'Onest Variable'; font-style: normal; font-display: swap; font-weight: 100 900;
  src: url(assets/fonts/onest-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 {
  /* Onest (OFL) on every device, so the page looks the same on Windows and on a Mac. */
  --sans: "Onest Variable", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
  /* Geist Mono is for dates and addresses only. */
  --mono: "Geist Mono", ui-monospace, "SF Mono", Consolas, monospace;

  --bg: #100C08;        /* resin, almost black */
  --panel: #1A140D;
  --panel-2: #271E14;
  --text: #F6F1EA;
  --text-2: #B3A999;
  --text-3: #8C8273;    /* 4.5:1 on --bg and --panel only; use --text-2 on --panel-2 */
  --line: rgba(255, 255, 255, .1);
  --amber: #F5A524;     /* amber: what was removed, the time handle and the download. Nothing else. */
  --amber-ink: #2A1700; /* text on amber */

  /* The saved page inside the window is somebody else's site, so it gets its own neutral greys. */
  --site-bg: #17181B;
  --site-card: #212327;
  --site-face: #34373E;
  --site-line: rgba(255, 255, 255, .09);
  --site-text: #ECEDEF;
  --site-text-2: #A6AAB2;
}