{
  "meta": {
    "name": "CLAP Product Design System",
    "version": "1.5.13",
    "updated": "2026-08-09",
    "source": "design-system/cla-design-tokens.json"
  },
  "font": {
    "sans": "\"Geist\", -apple-system, BlinkMacSystemFont, \"SF Pro Text\", \"Helvetica Neue\", system-ui, sans-serif",
    "display": "\"Geist\", -apple-system, BlinkMacSystemFont, \"SF Pro Display\", \"Helvetica Neue\", system-ui, sans-serif",
    "mono": "\"Geist Mono\", ui-monospace, \"SF Mono\", \"JetBrains Mono\", monospace",
    "serif": "\"Iowan Old Style\", \"Hoefler Text\", Georgia, serif"
  },
  "color": {
    "toolLight": {
      "canvas": "#f4f4f1",
      "surface": "#ffffff",
      "surfaceSubtle": "#f8f8f6",
      "hairline": "#dfe1e4",
      "outline": "#c8cbd0",
      "outlineFill": "#ffffff",
      "hover": "rgba(21, 23, 26, .045)",
      "text": "#15171a",
      "textSubtle": "#626872",
      "textFaint": "#858b94",
      "neutralAction": "#111317",
      "accent": "#1f5bb5",
      "accentSoft": "#edf3ff",
      "success": "#187a47",
      "warning": "#9a5c00",
      "danger": "#a83a38",
      "focus": "#1f5bb5"
    },
    "filmDark": {
      "canvas": "#101216",
      "surface": "#171a1f",
      "surfaceSubtle": "#20242a",
      "hairline": "#30353d",
      "outline": "#30353d",
      "outlineFill": "rgba(255, 255, 255, .07)",
      "hover": "rgba(255, 255, 255, .04)",
      "text": "#f0f2f4",
      "textSubtle": "#9aa1ab",
      "textFaint": "#747d89",
      "accent": "#4d82df",
      "accentSoft": "#243a60",
      "success": "#43a96f",
      "warning": "#d7a93a",
      "danger": "#d85a5e",
      "focus": "#7aa2ff",
      "keyBadgeBackground": "#2a2417",
      "keyBadgeForeground": "#d7a93a",
      "zebra": "#151920"
    },
    "marketing": {
      "canvas": "#f4f4f1",
      "paper": "#fafaf8",
      "surface": "#ffffff",
      "ink": "#15171a",
      "muted": "#626872",
      "hairline": "#dfe1e4"
    }
  },
  "policy": {
    "colorBudget": {
      "rule": "one-encoding-per-fact",
      "categoryColorContexts": [
        "data-visualization",
        "print-when-enabled",
        "explicit-team-setting"
      ],
      "neutralTaxonomySurfaces": [
        "drill-bank",
        "add-block",
        "team-vocabulary"
      ],
      "statusRoles": {
        "success": "saved-or-completed",
        "warning": "caution-or-queued",
        "danger": "failed-or-destructive"
      }
    }
  },
  "space": {
    "1": 4,
    "2": 8,
    "3": 12,
    "4": 16,
    "5": 20,
    "6": 24,
    "8": 32,
    "10": 40
  },
  "radius": {
    "compact": 8,
    "control": 10,
    "panel": 14,
    "card": 20,
    "pill": 999
  },
  "control": {
    "touchTarget": 44,
    "fieldHeight": 32,
    "button": {
      "xs": {
        "height": 22,
        "paddingX": 9,
        "fontSize": 10.5,
        "fontWeight": 700,
        "radius": "pill"
      },
      "sm": {
        "height": 28,
        "paddingX": 10,
        "fontSize": 11.5,
        "fontWeight": 600,
        "radius": "compact"
      },
      "md": {
        "height": 32,
        "paddingX": 13,
        "fontSize": 12.5,
        "fontWeight": 600,
        "radius": "control"
      },
      "lg": {
        "height": 40,
        "paddingX": 16,
        "fontSize": 13.5,
        "fontWeight": 600,
        "radius": 10
      },
      "xl": {
        "height": 44,
        "paddingX": 18,
        "fontSize": 14.5,
        "fontWeight": 600,
        "radius": 11
      },
      "icon": {
        "height": 26,
        "width": 26,
        "paddingX": 0,
        "fontSize": 12,
        "fontWeight": 600,
        "radius": "compact"
      }
    }
  },
  "motion": {
    "fast": 120,
    "standard": 160,
    "deliberate": 220
  },
  "state": {
    "disabledOpacity": 0.35,
    "hoverOverlay": 0.04,
    "pressedOverlay": 0.08,
    "focusWidth": 2,
    "focusOffset": 2
  },
  "elevation": {
    "popover": "0 12px 30px rgba(18, 23, 32, .14)",
    "floating": "0 22px 60px rgba(25, 31, 40, .14)"
  }
}