{
  "$schema": "https://design-tokens.github.io/community-group/format/",
  "color": {
    "bg":            { "$type": "color", "$value": "#FAFAF7" },
    "surface":       { "$type": "color", "$value": "#FFFFFF" },
    "text":          { "$type": "color", "$value": "#1C1D1F" },
    "text-muted":    { "$type": "color", "$value": "#5B5E66" },
    "border":        { "$type": "color", "$value": "#E2E2DC" },
    "primary":       { "$type": "color", "$value": "#1F5E4B" },
    "primary-hover": { "$type": "color", "$value": "#174A3B" },
    "on-primary":    { "$type": "color", "$value": "#FFFFFF" },
    "danger":        { "$type": "color", "$value": "#B3261E" },
    "success":       { "$type": "color", "$value": "#1E7A3C" },
    "focus":         { "$type": "color", "$value": "#2F6FEB" }
  },
  "font": {
    "sans": { "$type": "fontFamily", "$value": ["Source Sans 3", "system-ui", "sans-serif"] },
    "mono": { "$type": "fontFamily", "$value": ["JetBrains Mono", "ui-monospace", "monospace"] }
  },
  "size": {
    "xs": { "$type": "dimension", "$value": "12px" },
    "sm": { "$type": "dimension", "$value": "14px" },
    "md": { "$type": "dimension", "$value": "16px" },
    "lg": { "$type": "dimension", "$value": "20px" },
    "xl": { "$type": "dimension", "$value": "24px" },
    "2xl": { "$type": "dimension", "$value": "32px" }
  },
  "space": {
    "0": { "$type": "dimension", "$value": "0px" },
    "1": { "$type": "dimension", "$value": "4px" },
    "2": { "$type": "dimension", "$value": "8px" },
    "3": { "$type": "dimension", "$value": "12px" },
    "4": { "$type": "dimension", "$value": "16px" },
    "6": { "$type": "dimension", "$value": "24px" },
    "8": { "$type": "dimension", "$value": "32px" },
    "12": { "$type": "dimension", "$value": "48px" },
    "16": { "$type": "dimension", "$value": "64px" }
  },
  "radius": {
    "none": { "$type": "dimension", "$value": "0px" },
    "sm": { "$type": "dimension", "$value": "4px" },
    "md": { "$type": "dimension", "$value": "8px" },
    "lg": { "$type": "dimension", "$value": "12px" },
    "full": { "$type": "dimension", "$value": "9999px" }
  },
  "shadow": {
    "1": { "$type": "shadow", "$value": "0 1px 2px rgba(28,29,31,0.08)" },
    "2": { "$type": "shadow", "$value": "0 4px 12px rgba(28,29,31,0.10)" }
  }
}