/* ============================================================
   GENERATED by build.mjs from tokens/tokens.json — DO NOT EDIT.
   Edit tokens/tokens.json, then run:  node build.mjs
   screamingface design tokens · honest-AGI initiative
   ============================================================ */

:root {
  color-scheme: light;
  --bg: #ffffff;
  --surface: #f6f6f7;
  --surface-2: #efeff1;
  --ink: #16181d;
  --ink-2: #585d67;
  --ink-3: #8b909a;
  --line: #e6e7ea;
  --line-2: #d4d6db;
  --gain: #d88507;
  --gain-2: #e99d18;
  --gain-bg: #fbf1da;
  --gain-grad: linear-gradient(100deg, #d08511 0%, #e7a105 16%, #dbb13b 40%, #8e9dab 60%, #9fb8f8 80%, #346cf9 100%);
  --gain-grad-flow: linear-gradient(90deg, #d08511 0%, #e7a105 8%, #dbb13b 20%, #8e9dab 30%, #9fb8f8 40%, #346cf9 50%, #9fb8f8 60%, #8e9dab 70%, #dbb13b 80%, #e7a105 92%, #d08511 100%);
  --blind: #b23b3b;
  --blind-bg: #f6e7e6;
  --mark: #e99d18;

  /* font */
  --f-display: "EB Garamond", "Iowan Old Style", Georgia, "Times New Roman", serif;
  --f-sans: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --f-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --f-wordmark: "Rubik", system-ui, sans-serif;

  /* size */
  --col: 760px;
  --col-wide: 1000px;
  --rail-h: 44px;

  /* text */
  --text-display: 38px;
  --text-metric: 30px;
  --text-lead: 20px;
  --text-body: 16px;
  --text-sm: 13px;
  --text-micro: 12px;
  --text-label: 11px;

  /* weight */
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;

  /* tracking */
  --tracking-tight: -0.01em;
  --tracking-normal: 0;
  --tracking-label: 0.1em;

  /* leading */
  --leading-tight: 1.16;
  --leading-snug: 1.45;
  --leading-body: 1.6;

  /* space */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 32px;
  --space-8: 40px;
  --space-9: 52px;
  --space-10: 64px;
  --space-11: 80px;
  --space-12: 96px;

  /* radius */
  --radius-none: 0;

  /* border */
  --border-hairline: 1px;
  --border-strong: 2px;

  /* categorical data palette (series colors; theme-shared) */
  --cat-blue: #4e79a7;
  --cat-green: #59a14f;
  --cat-amber: #d6a13c;
  --cat-rust: #b4574a;
  --cat-teal: #5a9b9a;
  --cat-rose: #cf5d7a;
  --cat-brown: #9c755f;
  --cat-slate: #7e8794;
}

[data-theme="dark"] {
  color-scheme: dark;
  --bg: #0a0b0d;
  --surface: #131519;
  --surface-2: #1a1d22;
  --ink: #e8eaed;
  --ink-2: #9aa0aa;
  --ink-3: #686e78;
  --line: #20232a;
  --line-2: #2c303a;
  --gain: #eaa524;
  --gain-2: #e99d18;
  --gain-bg: #2a1c06;
  --gain-grad: linear-gradient(100deg, #d08511 0%, #e7a105 16%, #dbb13b 40%, #8e9dab 60%, #9fb8f8 80%, #346cf9 100%);
  --gain-grad-flow: linear-gradient(90deg, #d08511 0%, #e7a105 8%, #dbb13b 20%, #8e9dab 30%, #9fb8f8 40%, #346cf9 50%, #9fb8f8 60%, #8e9dab 70%, #dbb13b 80%, #e7a105 92%, #d08511 100%);
  --blind: #f0726f;
  --blind-bg: #2a1715;
  --mark: #eaa524;
}