/* To Be Fair design tokens. Source of truth alongside DESIGN.md. */
:root {
  --tbf-stock: #ECEAE3;      /* app ground, light */
  --tbf-card: #F7F6F2;       /* card surface, light */
  --tbf-ink: #1C2426;        /* primary text */
  --tbf-ink-2: #5F6A69;      /* secondary text */
  --tbf-line: #CDD0C8;       /* rules and borders */
  --tbf-accent: #2E6B5F;     /* verdigris: comma, primary button, links, focus */

  --tbf-font-statement: "Newsreader", Georgia, serif;
  --tbf-font-chrome: "Geist", system-ui, -apple-system, sans-serif;
  --tbf-font-stamp: "Geist Mono", ui-monospace, Menlo, monospace;

  --tbf-size-stamp: 12px;
  --tbf-size-chrome: 15px;
  --tbf-size-chrome-lg: 17px;
  --tbf-size-statement-s: 20px;
  --tbf-size-statement-l: 28px;
  --tbf-size-heading: 24px;
  --tbf-size-display: 34px;

  --tbf-space-1: 4px;
  --tbf-space-3: 12px;
  --tbf-space-5: 20px;
  --tbf-space-8: 32px;

  --tbf-radius-card: 6px;
  --tbf-radius-button: 12px;
  --tbf-radius-chip: 999px;

  --tbf-hit-min: 44px;
  --tbf-hit-primary: 60px;

  --tbf-settle-duration: 4000ms;   /* card settle, timed to a long exhale */
  --tbf-crossfade: 200ms;
}
[data-theme="night"] {
  --tbf-stock: #221F1C;
  --tbf-card: #2C2824;
  --tbf-ink: #E8E4DD;
  --tbf-ink-2: #A9A39B;
  --tbf-line: #3B3631;
  --tbf-accent: #8FCBB8;
}
@media (prefers-reduced-motion: reduce) {
  :root { --tbf-settle-duration: 0ms; }
}