/* EasyRunCraft typography and palette, shared by the website, workbenches and account pages. */

@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url('/fonts/fraunces.woff2') format('woff2');
  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: 'Fraunces';
  font-style: italic;
  font-weight: 300 700;
  font-display: swap;
  src: url('/fonts/fraunces-italic.woff2') format('woff2');
  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: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('/fonts/jetbrains-mono.woff2') format('woff2');
  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;
}

:root {
  --erc-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, 'SF Mono', Menlo, monospace;
  --serif: 'Fraunces', 'Iowan Old Style', 'Palatino Linotype', Palatino, Georgia, serif;
  --erc-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;

  /* Dark surfaces for the homepage and workbench chrome. */
  --dark: #12120f;
  --dark-2: #1a1a16;
  --dark-3: #24241f;
  --dark-line: #32322b;
  --dark-text: #f4f1e9;
  --dark-muted: #a8a497;

  /* One signal colour, used like a highlighter, never as body text on paper. */
  --erc-accent: #c9f24b;
  --erc-accent-on: #14130f;
  --erc-accent-hover: #dcff6d;
}

:root[data-theme="light"] {
  color-scheme: light;

  /* Paper and ink */
  --bg: #f7f4ed;
  --bg-2: #f0ece2;
  --surface: #fbf9f4;
  --paper-deep: #e9e3d6;
  --line: #ded7c8;
  --line-2: #c6bdaa;
  --text: #14130f;
  --ink: #14130f;
  --muted: #57534a;
  --faint: #77716a;

  --accent: var(--erc-accent);
  --accent-on: var(--erc-accent-on);
  --accent-hover: var(--erc-accent-hover);
  --accent-ink: #3f4d0b;
  --accent-deep: #93b81c;
  --ok: #2c6b46;
  --danger: #a63220;
  --radius: 12px;
  --radius-lg: 18px;
  --mono: var(--erc-mono);
  --font: var(--erc-font);
}