{
  "$schema": "https://design-tokens.github.io/community-group/format/",
  "$description": "Outlex canonical design tokens (W3C Design Tokens Format). Source of truth for tokens.css; consume programmatically via Style Dictionary or direct fetch.",
  "$version": "0.1.0",

  "color": {
    "bg":              { "value": "#FAF8F5", "type": "color", "$description": "Warm cream — page background" },
    "bg-raised":       { "value": "#F5F2EE", "type": "color" },
    "bg-hover":        { "value": "#F0EBE2", "type": "color" },
    "card":            { "value": "#FFFFFF", "type": "color" },
    "card-hover":      { "value": "#FAF7F2", "type": "color" },

    "fg":              { "value": "#2D2A26", "type": "color", "$description": "Warm charcoal — body text. Never #000." },
    "fg-ink":          { "value": "#231F20", "type": "color", "$description": "Logo-ink. Use for CTA-on-sage to hit WCAG 4.5:1." },
    "fg-secondary":    { "value": "#4A4641", "type": "color" },
    "fg-muted":        { "value": "#6B6460", "type": "color" },
    "meta":            { "value": "#8A847C", "type": "color" },
    "meta-light":      { "value": "#ABA59D", "type": "color" },

    "border":          { "value": "#E8E4DF", "type": "color" },
    "border-hover":    { "value": "#D5D0CA", "type": "color" },

    "primary":         { "value": "#6B7EC2", "type": "color", "$description": "Warm blue — info, interactive, links. NOT a default action color." },
    "primary-text":    { "value": "#5A6BA8", "type": "color", "$description": "WCAG AA-safe (5.1:1+) for small text on white." },

    "sage":            { "value": "#6B8F71", "type": "color", "$description": "Success / done / Lexi action. Default primary CTA color." },
    "sage-deep":       { "value": "#5F8165", "type": "color" },
    "sage-text":       { "value": "#4A7050", "type": "color" },

    "amber":           { "value": "#C49432", "type": "color", "$description": "Warning / pending / focus ring." },
    "amber-text":      { "value": "#7D5C0A", "type": "color" },

    "terra":           { "value": "#C27256", "type": "color", "$description": "Risk / urgent." },
    "terra-text":      { "value": "#8B3D20", "type": "color" },

    "danger":          { "value": "#811D1D", "type": "color", "$description": "True danger / destructive. AAA on white (~9.87:1). V7 product surfaces use a brighter #B03A2E for chips — that's a product-internal token, not brand-canonical." },
    "danger-text":     { "value": "#811D1D", "type": "color" },

    "mark-blue":       { "value": "#306AEF", "type": "color", "$description": "Logo SVG gradient start. NEVER use elsewhere." },
    "mark-teal":       { "value": "#54D6A4", "type": "color", "$description": "Logo SVG gradient end. NEVER use elsewhere." }
  },

  "font": {
    "heading":         { "value": "'Fraunces', Georgia, serif", "type": "fontFamily" },
    "sans":            { "value": "'Inter', ui-sans-serif, system-ui, sans-serif", "type": "fontFamily" },
    "mono":            { "value": "ui-monospace, SFMono-Regular, Menlo, monospace", "type": "fontFamily" }
  },

  "weight": {
    "$description": "HARD STOPS — never exceed these.",
    "fraunces-max":   { "value": 500, "type": "fontWeight", "$description": "Fraunces never above medium (500)." },
    "inter-max":      { "value": 600, "type": "fontWeight", "$description": "Inter never above semi-bold (600). 700+ FORBIDDEN." }
  },

  "size": {
    "hero":            { "value": "36px", "type": "fontSize" },
    "display-lg":      { "value": "28px", "type": "fontSize" },
    "display":         { "value": "20px", "type": "fontSize" },
    "title":           { "value": "16px", "type": "fontSize" },
    "section":         { "value": "14px", "type": "fontSize" },
    "item":            { "value": "13px", "type": "fontSize" },
    "body":            { "value": "15px", "type": "fontSize" },
    "meta":            { "value": "12px", "type": "fontSize" },
    "chip":            { "value": "11px", "type": "fontSize" },
    "2xs":             { "value": "10px", "type": "fontSize" }
  },

  "radius": {
    "$description": "Concentric: outer card 12-16px, inner elements 8-10px.",
    "xs":              { "value": "4px",   "type": "borderRadius" },
    "sm":              { "value": "6px",   "type": "borderRadius" },
    "md":              { "value": "8px",   "type": "borderRadius" },
    "lg":              { "value": "12px",  "type": "borderRadius" },
    "xl":              { "value": "16px",  "type": "borderRadius", "$description": "Default card radius" },
    "2xl":             { "value": "28px",  "type": "borderRadius", "$description": "Hero chat input only" },
    "pill":            { "value": "9999px","type": "borderRadius", "$description": "Chips, tags, AI pill" }
  },

  "shadow": {
    "$description": "Always warm base rgba(40,35,30,α). Never grey, never black, never blue-tinted.",
    "warm-base":       { "value": "40, 35, 30", "type": "other" },
    "1":               { "value": "0 1px 3px rgba(120,80,20,0.06), 0 1px 2px rgba(40,35,30,0.04)",  "type": "shadow" },
    "2":               { "value": "0 4px 10px rgba(120,80,20,0.08), 0 2px 4px rgba(40,35,30,0.05)", "type": "shadow" },
    "3":               { "value": "0 8px 20px rgba(40,35,30,0.14), 0 0 1px rgba(40,35,30,0.10)",    "type": "shadow" },
    "4":               { "value": "0 16px 40px rgba(40,35,30,0.18), 0 0 2px rgba(40,35,30,0.10)",   "type": "shadow" },
    "inset-highlight": { "value": "inset 0 1px 0 rgba(255,255,255,0.85)", "type": "shadow" }
  },

  "motion": {
    "ease":           { "value": "cubic-bezier(0.16, 1, 0.3, 1)",   "type": "cubicBezier", "$description": "Calm out — default" },
    "ease-quick":     { "value": "cubic-bezier(0.4, 0, 0.2, 1)",    "type": "cubicBezier" },
    "bounce":         { "value": "cubic-bezier(0.34, 1.56, 0.64, 1)", "type": "cubicBezier", "$description": "Toast-in only" },
    "duration-hover": { "value": "140ms", "type": "duration" },
    "duration-press": { "value": "110ms", "type": "duration" },
    "duration-calm":  { "value": "300ms", "type": "duration" }
  },

  "focus": {
    "$description": "V7 amber trust ring. WCAG 2.4.11 — visible focus always.",
    "ring-1":         { "value": "0 0 0 1.5px rgba(196,148,50,0.35)", "type": "shadow" },
    "ring-2":         { "value": "0 0 0 4px rgba(196,148,50,0.12)",   "type": "shadow" },
    "border":         { "value": "rgba(196,148,50,0.55)", "type": "color" },
    "sage-glow":      { "value": "0 0 0 3px rgba(107,143,113,0.28)", "type": "shadow" }
  }
}