/* Selected values from AMem web/src/styles/tokens.css at 6558771a67b881b85b5ec5361f9647918ee3a6ba.
   Learning uses light as its CSS base and the system preference without JavaScript. */
@layer tokens {
  :root {
    --seal-ground: #faf6f0;
    --font-display: "EB Garamond", Georgia, "Times New Roman", serif;
    --font-sans: "Hanken Grotesk", ui-sans-serif, system-ui, sans-serif;
    --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
  }
  :root, :root[data-theme="light"] {
    color-scheme: light;
    --bg: #f2ede1;
    --surface: #fbf8f1;
    --text: #15222a;
    --text-dim: #5e6a6f;
    --accent: #173140;
    --accent-soft: rgba(23, 49, 64, 0.1);
    --gold: #846a2c;
    --link: #173140;
    --border: #e4dcc6;
  }
  :root[data-theme="dark"] {
    color-scheme: dark;
    --bg: #0e1519;
    --surface: #152126;
    --text: #ebe2cf;
    --text-dim: #97a39d;
    --accent: #c0a05a;
    --accent-soft: rgba(192, 160, 90, 0.14);
    --gold: #c0a05a;
    --link: #cfb273;
    --border: #28373f;
  }
  @media (prefers-color-scheme: dark) {
    :root:not([data-theme]) {
      color-scheme: dark;
      --bg: #0e1519;
      --surface: #152126;
      --text: #ebe2cf;
      --text-dim: #97a39d;
      --accent: #c0a05a;
      --accent-soft: rgba(192, 160, 90, 0.14);
      --gold: #c0a05a;
      --link: #cfb273;
      --border: #28373f;
    }
  }
}