{
  "meta": {
    "name": "Fun Toolkit",
    "version": "1.4.1",
    "date": "2026-10-23",
    "status": "Current reference library and starter; production tools use scoped adapters",
    "units": "CSS px; motion ms"
  },
  "color": {
    "brand": {
      "blue": "#136BFF",
      "deepBlue": "#0B45D9",
      "yellow": "#FFC928",
      "wordmark": "#111111"
    },
    "action": {
      "primary": "#0071E3",
      "hover": "#0062CC",
      "pressed": "#0055B3",
      "replace": "#21834B",
      "replaceHover": "#196B3C",
      "replacePressed": "#155C34"
    },
    "surface": {
      "page": "#F5F5F7",
      "card": "#FFFFFF",
      "blueSoft": "#EAF3FF",
      "blueLine": "#CFE5FF",
      "divider": "#E8E8ED",
      "checker": "#E4EAF2",
      "previewBlack": "#000000"
    },
    "text": {
      "heading": "#202A3B",
      "body": "#1D1D1F",
      "secondary": "#626C7C",
      "muted": "#6E7785",
      "onAction": "#FFFFFF"
    },
    "field": {
      "border": "#8B95A5",
      "hover": "#626C7C",
      "focus": "#0071E3",
      "error": "#B42318"
    },
    "semantic": {
      "info": "#175DA5",
      "infoSurface": "#EAF3FF",
      "success": "#237957",
      "successSurface": "#EDF8F3",
      "warning": "#8A4B00",
      "warningSurface": "#FFF7E8",
      "error": "#B42318",
      "errorSurface": "#FFF1F0"
    },
    "disabled": {
      "surface": "#EDF0F4",
      "text": "#647083",
      "border": "#D8DCE2"
    }
  },
  "space": {
    "1": 4,
    "2": 8,
    "3": 12,
    "4": 16,
    "6": 24,
    "8": 32,
    "12": 48,
    "16": 64
  },
  "radius": {
    "small": 8,
    "input": 10,
    "inner": 12,
    "preview": 16,
    "dialog": 20,
    "card": 22,
    "cardMobile": 18,
    "pill": 999
  },
  "size": {
    "action": 44,
    "control": 36,
    "small": 32,
    "touchTarget": 44,
    "icon": 20,
    "iconSmall": 16,
    "navUnderlineWidth": 20,
    "navUnderlineHeight": 2,
    "previewDesktop": 440
  },
  "typography": {
    "family": "-apple-system, BlinkMacSystemFont, \"SF Pro Text\", \"PingFang SC\", \"Microsoft YaHei\", sans-serif",
    "body": {
      "size": 14,
      "lineHeight": 22,
      "weight": 400
    },
    "label": {
      "size": 12,
      "lineHeight": 18,
      "weight": 600
    },
    "control": {
      "size": 14,
      "lineHeight": 20,
      "weight": 500
    },
    "caption": {
      "size": 12,
      "lineHeight": 18,
      "weight": 400
    },
    "nav": {
      "size": 16,
      "lineHeight": 22,
      "weight": 400,
      "selectedWeight": 700
    },
    "title": {
      "size": 26,
      "lineHeight": 32,
      "weight": 700
    },
    "titleMobile": {
      "size": 22,
      "lineHeight": 28,
      "weight": 700
    },
    "section": {
      "size": 16,
      "lineHeight": 24,
      "weight": 650
    },
    "inputMobile": {
      "size": 16,
      "lineHeight": 24,
      "weight": 400
    }
  },
  "layout": {
    "containerIncludingPadding": 1440,
    "paddingDesktop": 42,
    "paddingTablet": 24,
    "paddingMobile": 16,
    "workspaceGap": 16,
    "cardPaddingDesktop": 24,
    "cardPaddingMobile": 16,
    "breakpointSingleColumn": 900,
    "breakpointMobile": 540,
    "minimumWidth": 320
  },
  "motion": {
    "duration": 180,
    "durationFeedback": 120,
    "durationDialog": 260,
    "dialogEnter": 260,
    "dialogExitRecommended": 160,
    "backdrop": 180,
    "sheen": 480,
    "tooltip": 120,
    "tooltipDelay": 300,
    "menu": 160,
    "collapse": 220,
    "route": 180,
    "spinner": 800,
    "glassBlur": 7,
    "easing": "cubic-bezier(.16,1,.3,1)",
    "reducedMotion": "disable transforms, transitions and animated scrolling",
    "sheenAlpha": 0.08,
    "skeleton": 1600,
    "contentEnter": 180,
    "contentExit": 120,
    "toolCanvasFade": 160
  },
  "focus": {
    "width": 2,
    "offset": 2,
    "color": "#0071E3",
    "pointerBorder": 1,
    "pointerHaloWidth": 2,
    "pointerHaloColor": "rgba(0,113,227,.08)"
  },
  "shadow": {
    "card": "0 4px 18px rgba(0,0,0,.035)",
    "action": "0 7px 18px rgba(0,113,227,.18)",
    "dialog": "0 24px 70px rgba(0,0,0,.25)"
  }
}