:root {
  color-scheme: light;
  --fp-bg: #f7f6f2;
  --fp-surface: #eeede7;
  --fp-surface-2: #e6e5de;
  --fp-text: #30332f;
  --fp-text-strong: #252923;
  --fp-text-muted: #5c625b;
  --fp-text-faint: #8e9199;
  --fp-border: #dcded6;
  --fp-border-light: #e7e8e0;
  --fp-brand: #224535;
  --fp-accent: #0860ca;
  --fp-on-accent: #fff;
  --fp-active-bg: #eaf1fb;
  --fp-select: rgb(8 96 202 / 20%);
  --fp-scrim: rgb(0 0 0 / 40%);
  --fp-shadow: 0 2px 8px rgb(0 0 0 / 15%);

  --fp-syn-red: #a31515;
  --fp-syn-yellow: #8c5c00;
  --fp-syn-green: #397900;
  --fp-syn-cyan: #007181;
  --fp-syn-blue: #1c4d9a;
  --fp-syn-purple: #6f42c1;
  --fp-syn-comment: #6f5a4d;

  --fp-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif;
  --fp-font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo,
    monospace;
  --fp-size-base: 16px;
  --fp-size-h1: 1.8em;
  --fp-size-h2: 1.4em;
  --fp-size-h3: 1.2em;
  --fp-size-sm: 0.9em;
  --fp-size-xs: 0.85em;
  --fp-size-code: 0.875em;
  --fp-size-precode: 0.85em;
  --fp-leading: 1.7;
  --fp-leading-ui: 1.4;
  --fp-leading-code: 1.5;

  --fp-radius-sm: 4px;
  --fp-radius-md: 6px;
  --fp-radius-lg: 8px;
  --fp-radius-xl: 12px;
  --fp-radius-pill: 2em;
  --fp-col-width: 52rem;
  --fp-nav-width: 16em;
  --fp-gutter: 1.5rem;
  --fp-header-h: 48px;
  --fp-pane-header-h: 32px;
  --fp-row-pad: 0.45em 1em;
  --fp-marker-w: 3px;
  --fp-rhythm: 1.2em;
  --fp-pane-pad: 1em;
  --fp-bp-narrow: 60em;
}

:root[data-theme="dark"] {
  color-scheme: dark;
  /* Tafelgrün-inspired ground at the original grey Blackboard's luminance. */
  --fp-bg: #19302b;
  --fp-surface: #142822;
  --fp-surface-2: #203930;
  --fp-text: #b8c2ba;
  --fp-text-strong: #d8dfd6;
  --fp-text-muted: #a0b2a6;
  --fp-text-faint: #96aa9e;
  --fp-border: #2a463c;
  --fp-border-light: #233b33;
  --fp-accent: #e9a04e;
  --fp-on-accent: #10231d;
  --fp-active-bg: #234034;
  --fp-select: rgb(233 160 78 / 18%);

  /* Chalk on the board: Gruvbox's warm set, with the slots that used to
     sit on the board's own green (numbers, comments' neighbours, bound
     names) moved to cream, light blue and pink. */
  --fp-syn-red: #fe8019;
  --fp-syn-yellow: #fabd2f;
  --fp-syn-green: #ebdbb2;
  --fp-syn-cyan: #8ec5f0;
  --fp-syn-blue: #d3869b;
  --fp-syn-purple: #fb6a8a;
  --fp-syn-comment: #8fb39c;
}