/* Threshold Research — design tokens
   Sans-only, warm-graphite/amber system. Light is default; dark via
   [data-theme="dark"] or prefers-color-scheme. Deliberately distinct from
   theknowledgeengineers.com (cool cream + navy + serif/sans + 0px radius):
   this is a warmer stone paper, an amber/rust accent, one grotesk type
   family, and a rounder, more app-like shape language. */

:root {
  /* Colour — surfaces */
  --tr-paper:        #F7F3EC;
  --tr-paper-2:      #EFE8DB;
  --tr-paper-3:      #E5DCCA;
  /* Colour — ink */
  --tr-ink:          #211A14;
  --tr-ink-2:        #4A3F35;
  --tr-ink-3:        #7A6C5D;
  /* Colour — rules */
  --tr-rule:         #DDD1BC;
  --tr-rule-2:       #EAE1D0;
  /* Colour — accent (links, active states, marks) */
  --tr-accent:       #B5502A;
  --tr-accent-ink:   #8F3D1E;
  --tr-accent-tint:  #F6E3D6;
  /* Colour — confidence states (fg / bg) */
  --tr-verified:         #3D6B3E;
  --tr-verified-bg:      #E6EEE0;
  --tr-directional:      #93650F;
  --tr-directional-bg:   #F5E9D1;
  --tr-single:           #55606B;
  --tr-single-bg:        #E7EAEC;

  /* Type — families (sans-only system) */
  --tr-font-sans: "Inter", "Helvetica Neue", Arial, sans-serif;
  --tr-font-mono: "JetBrains Mono", "SFMono-Regular", Menlo, monospace;
  /* Type — scale (px) */
  --tr-text-display: 52px;
  --tr-text-h1:      36px;
  --tr-text-h2:      26px;
  --tr-text-h3:      20px;
  --tr-text-h4:      17px;
  --tr-text-lead:    19px;
  --tr-text-body:    16px;
  --tr-text-data:    15px;
  --tr-text-small:   14px;
  --tr-text-meta:    13px;
  --tr-text-mono:    13px;
  /* Type — leading */
  --tr-leading-tight: 1.15;
  --tr-leading-head:  1.25;
  --tr-leading-body:  1.65;
  --tr-leading-data:  1.5;
  /* Type — features */
  --tr-tnum: "tnum" 1, "lnum" 1;

  /* Spacing (4px base) */
  --tr-space-1:  4px;
  --tr-space-2:  8px;
  --tr-space-3:  12px;
  --tr-space-4:  16px;
  --tr-space-5:  24px;
  --tr-space-6:  32px;
  --tr-space-7:  48px;
  --tr-space-8:  64px;
  --tr-space-9:  96px;

  /* Measure */
  --tr-measure-body: 66ch;
  --tr-measure-data: 76ch;

  /* Radius — rounded, app-like (opposite of TKE's print-sharp 0-4px) */
  --tr-radius-1: 8px;
  --tr-radius-2: 12px;
  --tr-radius-3: 20px;

  /* Shadow */
  --tr-shadow-1: 0 1px 2px rgba(33,26,20,0.08);
  --tr-shadow-2: 0 8px 24px rgba(33,26,20,0.12), 0 2px 6px rgba(33,26,20,0.08);

  /* Rules */
  --tr-hairline: 1px solid var(--tr-rule);
  --tr-thick:    2px solid var(--tr-ink);
}

[data-theme="dark"] {
  --tr-paper:        #1B1512;
  --tr-paper-2:      #241C17;
  --tr-paper-3:      #2E241D;
  --tr-ink:          #F2E9DD;
  --tr-ink-2:        #D2C4B3;
  --tr-ink-3:        #9C8E7E;
  --tr-rule:         #3C2F25;
  --tr-rule-2:       #2E241D;
  --tr-accent:       #E58B5F;
  --tr-accent-ink:   #F0AC85;
  --tr-accent-tint:  #3A2418;
  --tr-verified:         #8FC98F;
  --tr-verified-bg:      #21331F;
  --tr-directional:      #E3B65E;
  --tr-directional-bg:   #3A2E12;
  --tr-single:           #ABB6C2;
  --tr-single-bg:        #262C33;
  --tr-shadow-1: 0 1px 2px rgba(0,0,0,0.5);
  --tr-shadow-2: 0 8px 24px rgba(0,0,0,0.5);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) { color-scheme: dark; }
}