{
  "$schema": "https://design-tokens.github.io/community-group/format/",
  "name": "TRIAGERS™ design tokens",
  "version": "1.0.0",
  "updated": "2026-08-21",
  "color": {
    "surface": {
      "void":  { "value": "#04060b", "css": "--color-void",  "role": "Deepest surface: terminal blocks, footer" },
      "paper": { "value": "#070b13", "css": "--color-paper", "role": "Page background" },
      "card":  { "value": "#0d131f", "css": "--color-card",  "role": "Panels and cards" }
    },
    "text": {
      "ink":       { "value": "#e9edf4", "css": "--color-ink",       "role": "Headings, primary text" },
      "ink-soft":  { "value": "#96a1b5", "css": "--color-ink-soft",  "role": "Body copy" },
      "ink-faint": { "value": "#5d6880", "css": "--color-ink-faint", "role": "Metadata, large/mono text only (3.5:1)" }
    },
    "line": {
      "line":      { "value": "#17202f", "css": "--color-line",      "role": "Hairline borders" },
      "line-dark": { "value": "#263450", "css": "--color-line-dark", "role": "Emphasised borders" }
    },
    "accent": {
      "signal":      { "value": "#ff5440", "css": "--color-signal",      "role": "Primary accent: CTAs, links, focus rings" },
      "signal-deep": { "value": "#ff7c5c", "css": "--color-signal-deep", "role": "Accent hover state" },
      "signal-tint": { "value": "#2a110d", "css": "--color-signal-tint", "role": "Accent background tint" }
    },
    "severity": {
      "critical": { "value": "#ff5440", "css": "--color-sev-critical" },
      "high":     { "value": "#ff9e45", "css": "--color-sev-high" },
      "medium":   { "value": "#ffd166", "css": "--color-sev-medium" },
      "low":      { "value": "#5aa9ff", "css": "--color-sev-low" },
      "info":     { "value": "#8b97ab", "css": "--color-sev-info" },
      "valid":    { "value": "#3ddc97", "css": "--color-valid" },
      "valid-tint": { "value": "#0c281d", "css": "--color-valid-tint" }
    },
    "gradient": {
      "heat":     { "value": "linear-gradient(90deg, #ff5440, #ff9e45 42%, #ffd166 72%, #3ddc97 100%)", "css": "--heat", "role": "The severity ramp: raw critical heat cooling into verified signal" },
      "heat-hot": { "value": "linear-gradient(100deg, #ff5440, #ff9e45 60%, #ffd166 110%)", "css": "--heat-hot", "role": "Hot end only: gradient headline text" }
    }
  },
  "font": {
    "display": { "family": "Archivo", "css": "--font-display", "fallback": "ui-sans-serif, system-ui, sans-serif", "weights": [700, 740, 780, 800, 850], "notes": "Variable font; wordmark uses weight 800 at 125% width with 0.08em tracking" },
    "sans":    { "family": "Instrument Sans", "css": "--font-sans", "fallback": "ui-sans-serif, system-ui, sans-serif", "weights": [400, 500, 600, 650, 700] },
    "mono":    { "family": "IBM Plex Mono", "css": "--font-mono", "fallback": "ui-monospace, 'SFMono-Regular', Menlo, monospace", "weights": [400, 500, 600] }
  },
  "typeScale": {
    "hero":       { "value": "clamp(2.7rem, 8vw, 6.3rem)", "font": "display", "lineHeight": 0.98, "tracking": "-0.025em" },
    "section":    { "value": "clamp(2.1rem, 5.5vw, 4.3rem)", "font": "display", "lineHeight": 0.98, "tracking": "-0.025em" },
    "article-h2": { "value": "1.7rem",   "font": "display", "lineHeight": 1.15, "weight": 740 },
    "article-h3": { "value": "1.3rem",   "font": "display", "lineHeight": 1.3, "weight": 700 },
    "body-lg":    { "value": "1.125rem", "font": "sans", "lineHeight": 1.75 },
    "body":       { "value": "1.075rem", "font": "sans", "lineHeight": 1.8 },
    "small":      { "value": "0.875rem", "font": "sans", "lineHeight": 1.6 },
    "field-label":{ "value": "0.72rem",  "font": "mono", "tracking": "0.22em", "transform": "uppercase", "weight": 600 },
    "chip":       { "value": "0.66rem",  "font": "mono", "tracking": "0.08em", "transform": "uppercase", "weight": 600 }
  },
  "radius": {
    "sm":   { "value": "0.25rem", "role": "Inline code" },
    "md":   { "value": "0.5rem",  "role": "Buttons, inputs, code blocks" },
    "lg":   { "value": "0.6rem",  "role": "Terminal blocks" },
    "xl":   { "value": "0.75rem", "role": "Panels, cards" },
    "pill": { "value": "999px",   "role": "Chips" },
    "tile": { "value": "12.5%",   "role": "Logo mark tile (8/64 of its size)" }
  },
  "spacing": {
    "container": { "value": "80rem", "role": "max-w-7xl page container" },
    "gutter":    { "value": "1.25rem / 2rem", "role": "px-5 mobile, sm:px-8 desktop" },
    "section":   { "value": "6rem / 9rem", "role": "py-24 mobile, sm:py-36 desktop between major sections" },
    "button":    { "value": "0.9rem 1.6rem", "role": "Primary and ghost button padding" }
  },
  "shadow": {
    "cta-hover":   { "value": "0 8px 40px -8px rgba(255, 84, 64, 0.55)", "role": "Primary button hover glow" },
    "chip-dot":    { "value": "0 0 8px currentColor", "role": "Status chip dot glow" },
    "step-active": { "value": "0 0 30px -6px rgba(233, 237, 244, 0.5)", "role": "Active pipeline step marker" }
  },
  "motion": {
    "ease-out": { "value": "cubic-bezier(0.16, 1, 0.3, 1)", "css": "--ease-out" }
  }
}