{
  "$description": "The look, as data (W3C design tokens). Every colour the app shows is here and nowhere else: src/tokens.ts compiles this to /tokens.css at boot, and bun run lint:design refuses a raw colour anywhere else. A colour's $value is the light theme; $extensions.mode.dark is the dark one.",
  "color": {
    "$type": "color",
    "bg": {
      "$value": "#f6f6f3",
      "$extensions": { "mode": { "dark": "#131312" } }
    },
    "surface": {
      "$value": "#ffffff",
      "$extensions": { "mode": { "dark": "#1d1d1b" } }
    },
    "fg": {
      "$value": "#1c1c1a",
      "$extensions": { "mode": { "dark": "#ecece7" } }
    },
    "muted": {
      "$value": "#6b6b65",
      "$extensions": { "mode": { "dark": "#9a9a93" } }
    },
    "line": {
      "$value": "#e3e3dd",
      "$extensions": { "mode": { "dark": "#2c2c29" } }
    },
    "accent": {
      "$value": "#2f5bea",
      "$extensions": { "mode": { "dark": "#7c96ff" } }
    },
    "accent-fg": {
      "$value": "#ffffff",
      "$extensions": { "mode": { "dark": "#0f1a4d" } }
    },
    "danger": {
      "$value": "#c2410c",
      "$extensions": { "mode": { "dark": "#fb923c" } }
    },
    "toast-bg": {
      "$value": "#1c1c1a",
      "$extensions": { "mode": { "dark": "#ecece7" } }
    },
    "toast-fg": {
      "$value": "#f6f6f3",
      "$extensions": { "mode": { "dark": "#131312" } }
    },
    "shadow": {
      "$value": "#0000002e",
      "$extensions": { "mode": { "dark": "#00000080" } }
    }
  },
  "space": {
    "$type": "dimension",
    "1": { "$value": "0.25rem" },
    "2": { "$value": "0.5rem" },
    "3": { "$value": "0.75rem" },
    "4": { "$value": "1rem" },
    "5": { "$value": "1.5rem" },
    "6": { "$value": "2.5rem" }
  },
  "radius": {
    "$type": "dimension",
    "md": { "$value": "10px" },
    "pill": { "$value": "999px" }
  },
  "size": {
    "$type": "dimension",
    "tap": {
      "$value": "44px",
      "$description": "The least a control measures on a side."
    }
  },
  "font": {
    "$type": "fontFamily",
    "sans": {
      "$value": ["system-ui", "-apple-system", "Segoe UI", "sans-serif"]
    },
    "mono": {
      "$value": ["ui-monospace", "SFMono-Regular", "Menlo", "monospace"]
    }
  },
  "text": {
    "$type": "dimension",
    "sm": { "$value": "0.875rem" },
    "base": {
      "$value": "1rem",
      "$description": "Never below 16px: a phone zooms into a smaller input."
    },
    "lg": { "$value": "1.125rem" },
    "xl": { "$value": "1.5rem" }
  },
  "leading": {
    "$type": "number",
    "body": { "$value": 1.55 },
    "tight": { "$value": 1.2 }
  }
}