{
  "$schema": "https://design-tokens.github.io/community-group/format/",
  "$description": "Fixxo design tokens v3 — 'Product'. W3C Design Tokens (DTCG). Import into Figma via Tokens Studio, or consume in code. White canvas, cool near-black ink, one vivid purple. One typeface: Inter (with tabular figures). No serif. No warm cast.",

  "color": {
    "$type": "color",
    "$description": "Primitives. Reference semantic.* in UI.",
    "purple": {
      "50":  { "$value": "#F5F3FF" },
      "100": { "$value": "#EDE9FE" },
      "200": { "$value": "#DDD6FE" },
      "300": { "$value": "#C4B5FD" },
      "400": { "$value": "#A78BFA" },
      "500": { "$value": "#8B5CF6" },
      "600": { "$value": "#7C3AED" },
      "700": { "$value": "#6D28D9", "$description": "SIGNATURE ACCENT" },
      "800": { "$value": "#5B21B6", "$description": "hover" },
      "900": { "$value": "#4C1D95", "$description": "press" }
    },
    "neutral": {
      "0":   { "$value": "#FFFFFF", "$description": "canvas" },
      "25":  { "$value": "#FCFCFD" },
      "50":  { "$value": "#F7F7F8", "$description": "surface" },
      "100": { "$value": "#F1F1F3" },
      "150": { "$value": "#EAEAEC", "$description": "hairline" },
      "200": { "$value": "#E3E3E6" },
      "300": { "$value": "#D1D1D6" },
      "400": { "$value": "#A1A1AA" },
      "500": { "$value": "#71717A" },
      "600": { "$value": "#52525B" },
      "800": { "$value": "#27272A" },
      "900": { "$value": "#18181B" },
      "ink": { "$value": "#0D0D0F", "$description": "text — cool near-black, never #000" }
    },
    "status": {
      "ok": "#16A34A", "ok-bg": "#F0FDF4", "ok-line": "#BBF7D0",
      "warn": "#D97706", "warn-bg": "#FFFBEB", "warn-line": "#FDE68A",
      "bad": "#DC2626", "bad-bg": "#FEF2F2", "bad-line": "#FECACA",
      "info": "#2563EB", "info-bg": "#EFF6FF", "info-line": "#BFDBFE"
    }
  },

  "semantic": {
    "$description": "Light (default). Dark overrides in semantic-dark.",
    "canvas":       { "$type": "color", "$value": "{color.neutral.0}" },
    "surface":      { "$type": "color", "$value": "{color.neutral.50}" },
    "surface-2":    { "$type": "color", "$value": "{color.neutral.100}" },
    "raised":       { "$type": "color", "$value": "{color.neutral.0}" },
    "text":         { "$type": "color", "$value": "{color.neutral.ink}" },
    "text-2":       { "$type": "color", "$value": "{color.neutral.600}" },
    "text-3":       { "$type": "color", "$value": "{color.neutral.400}" },
    "line":         { "$type": "color", "$value": "{color.neutral.150}" },
    "line-2":       { "$type": "color", "$value": "{color.neutral.200}" },
    "accent":       { "$type": "color", "$value": "{color.purple.700}" },
    "accent-hover": { "$type": "color", "$value": "{color.purple.800}" },
    "accent-press": { "$type": "color", "$value": "{color.purple.900}" },
    "accent-soft":  { "$type": "color", "$value": "{color.purple.50}" },
    "accent-line":  { "$type": "color", "$value": "{color.purple.200}" },
    "on-accent":    { "$type": "color", "$value": "#FFFFFF" }
  },

  "semantic-dark": {
    "$description": "A true dark UI, not an inversion. Accent lifts.",
    "canvas":       { "$type": "color", "$value": "#0B0B0D" },
    "surface":      { "$type": "color", "$value": "#131316" },
    "surface-2":    { "$type": "color", "$value": "#1A1A1E" },
    "raised":       { "$type": "color", "$value": "#151518" },
    "text":         { "$type": "color", "$value": "#F5F5F7" },
    "text-2":       { "$type": "color", "$value": "{color.neutral.400}" },
    "text-3":       { "$type": "color", "$value": "{color.neutral.500}" },
    "line":         { "$type": "color", "$value": "#26262B" },
    "line-2":       { "$type": "color", "$value": "#33333A" },
    "accent":       { "$type": "color", "$value": "{color.purple.400}" },
    "accent-hover": { "$type": "color", "$value": "{color.purple.300}" },
    "accent-soft":  { "$type": "color", "$value": "#7C3AED29" },
    "accent-line":  { "$type": "color", "$value": "#A78BFA52" },
    "on-accent":    { "$type": "color", "$value": "{color.neutral.ink}" }
  },

  "font": {
    "family": {
      "$type": "fontFamily",
      "sans": { "$value": ["Inter", "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif"] },
      "mono": { "$value": ["JetBrains Mono", "ui-monospace", "SF Mono", "monospace"], "$description": "docs and IDs only — never product UI" }
    },
    "weight": {
      "$type": "fontWeight",
      "regular": { "$value": 400 },
      "medium":  { "$value": 500 },
      "semibold":{ "$value": 600 },
      "bold":    { "$value": 700, "$description": "display headings only" }
    },
    "size": {
      "$type": "dimension",
      "12": { "$value": "12px" }, "13": { "$value": "13px" }, "14": { "$value": "14px" },
      "15": { "$value": "15px" }, "16": { "$value": "16px" }, "18": { "$value": "18px" },
      "20": { "$value": "20px" }, "24": { "$value": "24px" }, "30": { "$value": "30px" },
      "36": { "$value": "36px" }, "48": { "$value": "48px" }, "60": { "$value": "60px" }
    },
    "tracking": {
      "$type": "dimension",
      "display": { "$value": "-0.03em" },
      "title":   { "$value": "-0.02em" },
      "body":    { "$value": "-0.011em" },
      "label":   { "$value": "0.01em" }
    },
    "leading": {
      "$type": "number",
      "tight": { "$value": 1.1 }, "snug": { "$value": 1.3 }, "body": { "$value": 1.55 }
    }
  },

  "space": {
    "$type": "dimension",
    "$description": "4px base, clean 8pt rhythm.",
    "1": { "$value": "4px" }, "2": { "$value": "8px" }, "3": { "$value": "12px" },
    "4": { "$value": "16px" }, "5": { "$value": "20px" }, "6": { "$value": "24px" },
    "7": { "$value": "32px" }, "8": { "$value": "40px" }, "9": { "$value": "48px" },
    "10": { "$value": "64px" }, "11": { "$value": "80px" }, "12": { "$value": "112px" }
  },

  "radius": {
    "$type": "dimension",
    "1": { "$value": "6px" }, "2": { "$value": "8px" }, "3": { "$value": "10px" },
    "4": { "$value": "12px" }, "5": { "$value": "16px" }, "6": { "$value": "20px" },
    "7": { "$value": "24px" }, "8": { "$value": "32px" }, "pill": { "$value": "999px" }
  },

  "shadow": {
    "$type": "shadow",
    "$description": "Soft, low-contrast. Elevation communicates float, not decoration.",
    "1": { "$value": { "color": "#0D0D0F0A", "offsetX": "0px", "offsetY": "1px", "blur": "2px", "spread": "0px" } },
    "2": { "$value": [{ "color": "#0D0D0F0F", "offsetX": "0px", "offsetY": "1px", "blur": "3px", "spread": "0px" }, { "color": "#0D0D0F0A", "offsetX": "0px", "offsetY": "4px", "blur": "12px", "spread": "0px" }] },
    "3": { "$value": { "color": "#0D0D0F1A", "offsetX": "0px", "offsetY": "8px", "blur": "30px", "spread": "0px" } }
  },

  "duration": {
    "$type": "duration",
    "fast": { "$value": "120ms" }, "base": { "$value": "200ms" }, "slow": { "$value": "300ms" }
  },

  "easing": {
    "$type": "cubicBezier",
    "standard": { "$value": [0.22, 1, 0.36, 1] },
    "inOut":    { "$value": [0.4, 0, 0.2, 1] }
  },

  "size": {
    "$type": "dimension",
    "control-sm": { "$value": "34px" }, "control-md": { "$value": "44px" },
    "control-lg": { "$value": "52px" }, "phone-w": { "$value": "390px" },
    "phone-h": { "$value": "844px" }, "desktop-w": { "$value": "1280px" },
    "content-max": { "$value": "1180px" }
  }
}