/* 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 {
    --space-0: 0;
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 24px;
    --space-6: 32px;
    --text-xs: 11px;
    --text-sm: 12px;
    --text-base: 14px;
    --text-lg: 17px;
    --text-xl: 20px;
    --radius-sm: 4px;
    --radius-md: 6px;
    --radius-lg: 8px;
    --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;
    }
  }
}