{
  "$schema": "https://design-tokens.github.io/community-group/format/",
  "$description": "Wiwo Neo Design System tokens. Source of truth for CSS variables, Tailwind config and Figma variable import mapping.",
  "meta": {
    "name": "Wiwo Neo Design System",
    "version": "1.0.0",
    "source": "outputs/tokens/wiwo.tokens.json",
    "build": "node outputs/tokens/build-tokens.mjs",
    "principle": "Change primitives and semantics here first; generated files are outputs."
  },
  "color": {
    "wiwo": {
      "blue": {
        "$type": "color",
        "$value": "#4242FF",
        "$description": "Primary brand blue for identity, focus and selection.",
        "$extensions": { "cssVariable": "--wiwo-blue", "tailwind": "wiwo.blue", "figmaCollection": "Wiwo Primitives" }
      },
      "blue700": {
        "$type": "color",
        "$value": "#2F31D9",
        "$description": "Deep blue for text over lime and selected UI accents.",
        "$extensions": { "cssVariable": "--wiwo-blue-700", "tailwind": "wiwo.blue700", "figmaCollection": "Wiwo Primitives" }
      },
      "green": {
        "$type": "color",
        "$value": "#3BFF00",
        "$description": "Action green for primary CTAs, launch states and active progress. Do not use as text over beige or white; use only over dark surfaces, as a fill with ink text, or as non-text data visualization.",
        "$extensions": { "cssVariable": "--wiwo-green", "tailwind": "wiwo.green", "figmaCollection": "Wiwo Primitives" }
      },
      "beige": {
        "$type": "color",
        "$value": "#F8FAD7",
        "$description": "Primary Wiwo beige for calm product backgrounds and reading surfaces.",
        "$extensions": { "cssVariable": "--wiwo-beige", "tailwind": "wiwo.beige", "figmaCollection": "Wiwo Primitives" }
      },
      "beigeAlt": {
        "$type": "color",
        "$value": "#EDEFDD",
        "$description": "Alternative beige for secondary panels and quiet elevation.",
        "$extensions": { "cssVariable": "--wiwo-beige-alt", "tailwind": "wiwo.beigeAlt", "figmaCollection": "Wiwo Primitives" }
      },
      "ink": {
        "$type": "color",
        "$value": "#292929",
        "$description": "Darkest allowed Wiwo ink. Do not use solid black.",
        "$extensions": { "cssVariable": "--wiwo-ink", "tailwind": "wiwo.ink", "figmaCollection": "Wiwo Primitives" }
      },
      "white": {
        "$type": "color",
        "$value": "#FFFFFF",
        "$description": "White for approved blue contrast and utility.",
        "$extensions": { "cssVariable": "--white", "tailwind": "white", "figmaCollection": "Wiwo Primitives" }
      }
    },
    "accent": {
      "coral": {
        "$type": "color",
        "$value": "#FF6F61",
        "$extensions": { "cssVariable": "--accent-coral", "tailwind": "accent.coral", "figmaCollection": "Wiwo Primitives" }
      },
      "sky": {
        "$type": "color",
        "$value": "#A8C7FA",
        "$extensions": { "cssVariable": "--accent-sky", "tailwind": "accent.sky", "figmaCollection": "Wiwo Primitives" }
      },
      "mint": {
        "$type": "color",
        "$value": "#C3ECD0",
        "$extensions": { "cssVariable": "--accent-mint", "tailwind": "accent.mint", "figmaCollection": "Wiwo Primitives" }
      }
    },
    "state": {
      "ok": {
        "$type": "color",
        "$value": "#0F7A34",
        "$extensions": { "cssVariable": "--ok", "tailwind": "state.ok", "figmaCollection": "Wiwo Primitives" }
      },
      "warn": {
        "$type": "color",
        "$value": "#9B6600",
        "$extensions": { "cssVariable": "--warn", "tailwind": "state.warn", "figmaCollection": "Wiwo Primitives" }
      },
      "danger": {
        "$type": "color",
        "$value": "#BA1A1A",
        "$extensions": { "cssVariable": "--danger", "tailwind": "state.danger", "figmaCollection": "Wiwo Primitives" }
      }
    },
    "dataViz": {
      "primary": {
        "$type": "color",
        "$value": "{color.wiwo.blue}",
        "$description": "Primary KPI series for revenue, conversion and selected chart focus.",
        "$extensions": { "cssVariable": "--chart-primary", "tailwind": "chart.primary", "figmaCollection": "Wiwo Data Viz" }
      },
      "positive": {
        "$type": "color",
        "$value": "{color.wiwo.green}",
        "$description": "Positive performance, growth, completion and active progress.",
        "$extensions": { "cssVariable": "--chart-positive", "tailwind": "chart.positive", "figmaCollection": "Wiwo Data Viz" }
      },
      "attention": {
        "$type": "color",
        "$value": "#A8C7FA",
        "$description": "Secondary attention series for forecast, reach and assisted metrics.",
        "$extensions": { "cssVariable": "--chart-attention", "tailwind": "chart.attention", "figmaCollection": "Wiwo Data Viz" }
      },
      "warning": {
        "$type": "color",
        "$value": "#FFB84D",
        "$description": "Warning series for spend pressure, SLA risk and pending review.",
        "$extensions": { "cssVariable": "--chart-warning", "tailwind": "chart.warning", "figmaCollection": "Wiwo Data Viz" }
      },
      "danger": {
        "$type": "color",
        "$value": "{color.state.danger}",
        "$description": "Critical series for blockers, drops, errors and negative variance.",
        "$extensions": { "cssVariable": "--chart-danger", "tailwind": "chart.danger", "figmaCollection": "Wiwo Data Viz" }
      },
      "neutral": {
        "$type": "color",
        "$value": "#8B8B7A",
        "$description": "Neutral comparison series, baselines and muted inactive values.",
        "$extensions": { "cssVariable": "--chart-neutral", "tailwind": "chart.neutral", "figmaCollection": "Wiwo Data Viz" }
      },
      "purple": {
        "$type": "color",
        "$value": "#8D7CFF",
        "$description": "Experimental or AI-assisted series; use sparingly next to Wiwo blue.",
        "$extensions": { "cssVariable": "--chart-purple", "tailwind": "chart.purple", "figmaCollection": "Wiwo Data Viz" }
      },
      "mint": {
        "$type": "color",
        "$value": "{color.accent.mint}",
        "$description": "Soft supportive series for cohort overlays and secondary backgrounds.",
        "$extensions": { "cssVariable": "--chart-mint", "tailwind": "chart.mint", "figmaCollection": "Wiwo Data Viz" }
      }
    }
  },
  "gradient": {
    "primary": {
      "$type": "gradient",
      "$value": "linear-gradient(103deg, {color.wiwo.green} 0%, {color.wiwo.blue} 85%)",
      "$description": "Energy, launch, AI and transformation.",
      "$extensions": { "cssVariable": "--wiwo-gradient-primary", "tailwind": "backgroundImage.wiwo-primary", "figmaCollection": "Wiwo Primitives" }
    },
    "soft": {
      "$type": "gradient",
      "$value": "linear-gradient(135deg, rgba(59, 255, 0, .34) 0%, rgba(66, 66, 255, .28) 100%)",
      "$extensions": { "cssVariable": "--wiwo-gradient-soft", "tailwind": "backgroundImage.wiwo-soft", "figmaCollection": "Wiwo Primitives" }
    },
    "dark": {
      "$type": "gradient",
      "$value": "linear-gradient(103deg, {color.wiwo.green} 0%, {color.wiwo.blue} 58%, {theme.light.surfaceInverse} 100%)",
      "$extensions": { "cssVariable": "--wiwo-gradient-dark", "tailwind": "backgroundImage.wiwo-dark", "figmaCollection": "Wiwo Primitives" }
    },
    "animated": {
      "$type": "gradient",
      "$value": "linear-gradient(103deg, {color.wiwo.green}, #6DFF7C, {color.wiwo.blue}, {color.wiwo.green})",
      "$extensions": { "cssVariable": "--wiwo-gradient-animated", "tailwind": "backgroundImage.wiwo-animated", "figmaCollection": "Wiwo Primitives" }
    }
  },
  "theme": {
    "light": {
      "ink": { "$type": "color", "$value": "{color.wiwo.ink}", "$extensions": { "cssVariable": "--ink", "tailwind": "semantic.ink", "figmaCollection": "Wiwo Semantic" } },
      "ink2": { "$type": "color", "$value": "#3F3F3F", "$extensions": { "cssVariable": "--ink-2", "tailwind": "semantic.ink2", "figmaCollection": "Wiwo Semantic" } },
      "surface": { "$type": "color", "$value": "{color.wiwo.beige}", "$extensions": { "cssVariable": "--surface", "tailwind": "semantic.surface", "figmaCollection": "Wiwo Semantic" } },
      "surface2": { "$type": "color", "$value": "{color.wiwo.beigeAlt}", "$extensions": { "cssVariable": "--surface-2", "tailwind": "semantic.surface2", "figmaCollection": "Wiwo Semantic" } },
      "surface3": { "$type": "color", "$value": "#E8F0FE", "$extensions": { "cssVariable": "--surface-3", "tailwind": "semantic.surface3", "figmaCollection": "Wiwo Semantic" } },
      "surfaceContainerLow": { "$type": "color", "$value": "{color.wiwo.beige}", "$extensions": { "cssVariable": "--surface-container-low", "tailwind": "semantic.surfaceContainerLow", "figmaCollection": "Wiwo Semantic" } },
      "surfaceContainer": { "$type": "color", "$value": "{color.wiwo.beigeAlt}", "$extensions": { "cssVariable": "--surface-container", "tailwind": "semantic.surfaceContainer", "figmaCollection": "Wiwo Semantic" } },
      "surfaceContainerHigh": { "$type": "color", "$value": "{color.wiwo.beigeAlt}", "$extensions": { "cssVariable": "--surface-container-high", "tailwind": "semantic.surfaceContainerHigh", "figmaCollection": "Wiwo Semantic" } },
      "surfaceInverse": { "$type": "color", "$value": "{color.wiwo.ink}", "$extensions": { "cssVariable": "--surface-inverse", "tailwind": "semantic.surfaceInverse", "figmaCollection": "Wiwo Semantic" } },
      "inkInverse": { "$type": "color", "$value": "{color.wiwo.beige}", "$extensions": { "cssVariable": "--ink-inverse", "tailwind": "semantic.inkInverse", "figmaCollection": "Wiwo Semantic" } },
      "muted": { "$type": "color", "$value": "#66645D", "$extensions": { "cssVariable": "--muted", "tailwind": "semantic.muted", "figmaCollection": "Wiwo Semantic" } },
      "mutedInverse": { "$type": "color", "$value": "rgba(248, 250, 215, .74)", "$extensions": { "cssVariable": "--muted-inverse", "tailwind": "semantic.mutedInverse", "figmaCollection": "Wiwo Semantic" } },
      "line": { "$type": "color", "$value": "#D8D2C4", "$extensions": { "cssVariable": "--line", "tailwind": "semantic.line", "figmaCollection": "Wiwo Semantic" } },
      "controlSurface": { "$type": "color", "$value": "rgba(255, 253, 233, .76)", "$extensions": { "cssVariable": "--control-surface", "tailwind": "semantic.controlSurface", "figmaCollection": "Wiwo Semantic" } },
      "controlSurfaceHover": { "$type": "color", "$value": "{color.wiwo.white}", "$extensions": { "cssVariable": "--control-surface-hover", "tailwind": "semantic.controlSurfaceHover", "figmaCollection": "Wiwo Semantic" } },
      "onAccent": { "$type": "color", "$value": "{color.wiwo.ink}", "$extensions": { "cssVariable": "--on-accent", "tailwind": "semantic.onAccent", "figmaCollection": "Wiwo Semantic" } },
      "error": { "$type": "color", "$value": "{color.state.danger}", "$extensions": { "cssVariable": "--error", "tailwind": "semantic.error", "figmaCollection": "Wiwo Semantic" } },
      "errorSoft": { "$type": "color", "$value": "rgba(186, 26, 26, .1)", "$extensions": { "cssVariable": "--error-soft", "tailwind": "semantic.errorSoft", "figmaCollection": "Wiwo Semantic" } },
      "focusRing": { "$type": "color", "$value": "rgba(66, 66, 255, .52)", "$extensions": { "cssVariable": "--focus-ring", "tailwind": "semantic.focusRing", "figmaCollection": "Wiwo Semantic" } },
      "focusGlow": { "$type": "color", "$value": "rgba(66, 66, 255, .16)", "$extensions": { "cssVariable": "--focus-glow", "tailwind": "semantic.focusGlow", "figmaCollection": "Wiwo Semantic" } },
      "chartGrid": { "$type": "color", "$value": "rgba(41, 41, 41, .12)", "$extensions": { "cssVariable": "--chart-grid", "tailwind": "chart.grid", "figmaCollection": "Wiwo Semantic" } }
    },
    "dark": {
      "ink": { "$type": "color", "$value": "{color.wiwo.beige}", "$extensions": { "cssVariable": "--ink", "tailwind": "semantic.ink", "figmaCollection": "Wiwo Semantic" } },
      "ink2": { "$type": "color", "$value": "{color.wiwo.beigeAlt}", "$extensions": { "cssVariable": "--ink-2", "tailwind": "semantic.ink2", "figmaCollection": "Wiwo Semantic" } },
      "surface": { "$type": "color", "$value": "{color.wiwo.ink}", "$extensions": { "cssVariable": "--surface", "tailwind": "semantic.surface", "figmaCollection": "Wiwo Semantic" } },
      "surface2": { "$type": "color", "$value": "#303030", "$extensions": { "cssVariable": "--surface-2", "tailwind": "semantic.surface2", "figmaCollection": "Wiwo Semantic" } },
      "surface3": { "$type": "color", "$value": "#343434", "$extensions": { "cssVariable": "--surface-3", "tailwind": "semantic.surface3", "figmaCollection": "Wiwo Semantic" } },
      "surfaceContainerLow": { "$type": "color", "$value": "#303030", "$extensions": { "cssVariable": "--surface-container-low", "tailwind": "semantic.surfaceContainerLow", "figmaCollection": "Wiwo Semantic" } },
      "surfaceContainer": { "$type": "color", "$value": "#363636", "$extensions": { "cssVariable": "--surface-container", "tailwind": "semantic.surfaceContainer", "figmaCollection": "Wiwo Semantic" } },
      "surfaceContainerHigh": { "$type": "color", "$value": "#424242", "$extensions": { "cssVariable": "--surface-container-high", "tailwind": "semantic.surfaceContainerHigh", "figmaCollection": "Wiwo Semantic" } },
      "surfaceInverse": { "$type": "color", "$value": "{color.wiwo.beige}", "$extensions": { "cssVariable": "--surface-inverse", "tailwind": "semantic.surfaceInverse", "figmaCollection": "Wiwo Semantic" } },
      "inkInverse": { "$type": "color", "$value": "{color.wiwo.ink}", "$extensions": { "cssVariable": "--ink-inverse", "tailwind": "semantic.inkInverse", "figmaCollection": "Wiwo Semantic" } },
      "muted": { "$type": "color", "$value": "rgba(248, 250, 215, .66)", "$extensions": { "cssVariable": "--muted", "tailwind": "semantic.muted", "figmaCollection": "Wiwo Semantic" } },
      "mutedInverse": { "$type": "color", "$value": "rgba(41, 41, 41, .68)", "$extensions": { "cssVariable": "--muted-inverse", "tailwind": "semantic.mutedInverse", "figmaCollection": "Wiwo Semantic" } },
      "line": { "$type": "color", "$value": "rgba(248, 250, 215, .16)", "$extensions": { "cssVariable": "--line", "tailwind": "semantic.line", "figmaCollection": "Wiwo Semantic" } },
      "controlSurface": { "$type": "color", "$value": "rgba(255, 255, 255, .06)", "$extensions": { "cssVariable": "--control-surface", "tailwind": "semantic.controlSurface", "figmaCollection": "Wiwo Semantic" } },
      "controlSurfaceHover": { "$type": "color", "$value": "rgba(255, 255, 255, .1)", "$extensions": { "cssVariable": "--control-surface-hover", "tailwind": "semantic.controlSurfaceHover", "figmaCollection": "Wiwo Semantic" } },
      "onAccent": { "$type": "color", "$value": "{color.wiwo.ink}", "$extensions": { "cssVariable": "--on-accent", "tailwind": "semantic.onAccent", "figmaCollection": "Wiwo Semantic" } },
      "error": { "$type": "color", "$value": "#FFB4AB", "$extensions": { "cssVariable": "--error", "tailwind": "semantic.error", "figmaCollection": "Wiwo Semantic" } },
      "errorSoft": { "$type": "color", "$value": "rgba(255, 180, 171, .14)", "$extensions": { "cssVariable": "--error-soft", "tailwind": "semantic.errorSoft", "figmaCollection": "Wiwo Semantic" } },
      "focusRing": { "$type": "color", "$value": "rgba(59, 255, 0, .72)", "$extensions": { "cssVariable": "--focus-ring", "tailwind": "semantic.focusRing", "figmaCollection": "Wiwo Semantic" } },
      "focusGlow": { "$type": "color", "$value": "rgba(59, 255, 0, .18)", "$extensions": { "cssVariable": "--focus-glow", "tailwind": "semantic.focusGlow", "figmaCollection": "Wiwo Semantic" } },
      "chartGrid": { "$type": "color", "$value": "rgba(248, 250, 215, .16)", "$extensions": { "cssVariable": "--chart-grid", "tailwind": "chart.grid", "figmaCollection": "Wiwo Semantic" } }
    }
  },
  "glass": {
    "fill": { "$type": "color", "$value": "rgba(255, 255, 255, .24)", "$extensions": { "cssVariable": "--glass-fill", "tailwind": "glass.fill", "figmaCollection": "Wiwo Effects" } },
    "fillStrong": { "$type": "color", "$value": "rgba(255, 255, 255, .36)", "$extensions": { "cssVariable": "--glass-fill-strong", "tailwind": "glass.fillStrong", "figmaCollection": "Wiwo Effects" } },
    "fillDark": { "$type": "color", "$value": "rgba(41, 41, 41, .34)", "$extensions": { "cssVariable": "--glass-fill-dark", "tailwind": "glass.fillDark", "figmaCollection": "Wiwo Effects" } },
    "stroke": { "$type": "color", "$value": "rgba(255, 255, 255, .42)", "$extensions": { "cssVariable": "--glass-stroke", "tailwind": "glass.stroke", "figmaCollection": "Wiwo Effects" } },
    "highlight": { "$type": "color", "$value": "rgba(255, 255, 255, .74)", "$extensions": { "cssVariable": "--glass-highlight", "tailwind": "glass.highlight", "figmaCollection": "Wiwo Effects" } },
    "blur": { "$type": "dimension", "$value": "22px", "$extensions": { "cssVariable": "--glass-blur", "tailwind": "backdropBlur.wiwo", "figmaCollection": "Wiwo Effects" } }
  },
  "shadow": {
    "one": { "$type": "shadow", "$value": "0 1px 2px rgba(41, 41, 41, .08), 0 8px 28px rgba(41, 41, 41, .08)", "$extensions": { "cssVariable": "--shadow-1", "tailwind": "boxShadow.wiwo-1", "figmaCollection": "Wiwo Effects" } },
    "two": { "$type": "shadow", "$value": "0 18px 42px rgba(41, 41, 41, .16)", "$extensions": { "cssVariable": "--shadow-2", "tailwind": "boxShadow.wiwo-2", "figmaCollection": "Wiwo Effects" } },
    "expressive": { "$type": "shadow", "$value": "0 24px 70px rgba(66, 66, 255, .18), 0 8px 28px rgba(41, 41, 41, .12)", "$extensions": { "cssVariable": "--shadow-expressive", "tailwind": "boxShadow.wiwo-expressive", "figmaCollection": "Wiwo Effects" } },
    "glass": { "$type": "shadow", "$value": "0 26px 76px rgba(41, 41, 41, .22), inset 0 1px 0 rgba(255, 255, 255, .7), inset 0 -1px 0 rgba(255, 255, 255, .2)", "$extensions": { "cssVariable": "--shadow-glass", "tailwind": "boxShadow.wiwo-glass", "figmaCollection": "Wiwo Effects" } }
  },
  "radius": {
    "card": { "$type": "dimension", "$value": "8px", "$extensions": { "cssVariable": "--radius-card", "tailwind": "borderRadius.card", "figmaCollection": "Wiwo Dimensions" } },
    "control": { "$type": "dimension", "$value": "999px", "$extensions": { "cssVariable": "--radius-control", "tailwind": "borderRadius.control", "figmaCollection": "Wiwo Dimensions" } }
  },
  "shape": {
    "xs": { "$type": "dimension", "$value": "6px", "$extensions": { "cssVariable": "--shape-xs", "tailwind": "borderRadius.wiwo-xs", "figmaCollection": "Wiwo Dimensions" } },
    "sm": { "$type": "dimension", "$value": "12px", "$extensions": { "cssVariable": "--shape-sm", "tailwind": "borderRadius.wiwo-sm", "figmaCollection": "Wiwo Dimensions" } },
    "md": { "$type": "dimension", "$value": "18px", "$extensions": { "cssVariable": "--shape-md", "tailwind": "borderRadius.wiwo-md", "figmaCollection": "Wiwo Dimensions" } },
    "lg": { "$type": "dimension", "$value": "28px", "$extensions": { "cssVariable": "--shape-lg", "tailwind": "borderRadius.wiwo-lg", "figmaCollection": "Wiwo Dimensions" } },
    "xl": { "$type": "dimension", "$value": "40px", "$extensions": { "cssVariable": "--shape-xl", "tailwind": "borderRadius.wiwo-xl", "figmaCollection": "Wiwo Dimensions" } },
    "full": { "$type": "dimension", "$value": "999px", "$extensions": { "cssVariable": "--shape-full", "tailwind": "borderRadius.wiwo-full", "figmaCollection": "Wiwo Dimensions" } }
  },
  "space": {
    "1": { "$type": "dimension", "$value": ".25rem", "$extensions": { "cssVariable": "--space-1", "tailwind": "spacing.1", "figmaCollection": "Wiwo Dimensions" } },
    "2": { "$type": "dimension", "$value": ".5rem", "$extensions": { "cssVariable": "--space-2", "tailwind": "spacing.2", "figmaCollection": "Wiwo Dimensions" } },
    "2-5": { "$type": "dimension", "$value": ".625rem", "$description": "Intermediate spacing for compact UI groups that need more air than 2 and less than 3.", "$extensions": { "cssVariable": "--space-2-5", "tailwind": "spacing.2-5", "figmaCollection": "Wiwo Dimensions" } },
    "3": { "$type": "dimension", "$value": ".75rem", "$extensions": { "cssVariable": "--space-3", "tailwind": "spacing.3", "figmaCollection": "Wiwo Dimensions" } },
    "4": { "$type": "dimension", "$value": "1rem", "$extensions": { "cssVariable": "--space-4", "tailwind": "spacing.4", "figmaCollection": "Wiwo Dimensions" } },
    "5": { "$type": "dimension", "$value": "1.5rem", "$extensions": { "cssVariable": "--space-5", "tailwind": "spacing.5", "figmaCollection": "Wiwo Dimensions" } },
    "6": { "$type": "dimension", "$value": "2rem", "$extensions": { "cssVariable": "--space-6", "tailwind": "spacing.6", "figmaCollection": "Wiwo Dimensions" } },
    "7": { "$type": "dimension", "$value": "3rem", "$extensions": { "cssVariable": "--space-7", "tailwind": "spacing.7", "figmaCollection": "Wiwo Dimensions" } },
    "8": { "$type": "dimension", "$value": "4.5rem", "$extensions": { "cssVariable": "--space-8", "tailwind": "spacing.8", "figmaCollection": "Wiwo Dimensions" } }
  },
  "measure": {
    "display": { "$type": "dimension", "$value": "12ch", "$description": "Maximum line measure for large headlines and chapter titles.", "$extensions": { "cssVariable": "--measure-display", "figmaCollection": "Wiwo Typography" } },
    "lead": { "$type": "dimension", "$value": "36ch", "$description": "Maximum line measure for leads and section summaries.", "$extensions": { "cssVariable": "--measure-lead", "figmaCollection": "Wiwo Typography" } },
    "body": { "$type": "dimension", "$value": "62ch", "$description": "Maximum line measure for long body copy.", "$extensions": { "cssVariable": "--measure-body", "figmaCollection": "Wiwo Typography" } }
  },
  "typography": {
    "fontSystem": { "$type": "fontFamily", "$value": "\"Plus Jakarta Sans\", Arial, sans-serif", "$extensions": { "cssVariable": "--font-system", "tailwind": "fontFamily.sans", "figmaCollection": "Wiwo Typography" } },
    "fontMono": { "$type": "fontFamily", "$value": "ui-monospace, SFMono-Regular, Consolas, monospace", "$extensions": { "cssVariable": "--font-mono", "tailwind": "fontFamily.mono", "figmaCollection": "Wiwo Typography" } },
    "weightBody": { "$type": "fontWeight", "$value": "400", "$extensions": { "cssVariable": "--weight-body", "tailwind": "fontWeight.body", "figmaCollection": "Wiwo Typography" } },
    "weightMeta": { "$type": "fontWeight", "$value": "500", "$extensions": { "cssVariable": "--weight-meta", "tailwind": "fontWeight.meta", "figmaCollection": "Wiwo Typography" } },
    "weightNav": { "$type": "fontWeight", "$value": "600", "$extensions": { "cssVariable": "--weight-nav", "tailwind": "fontWeight.nav", "figmaCollection": "Wiwo Typography" } },
    "weightAction": { "$type": "fontWeight", "$value": "700", "$extensions": { "cssVariable": "--weight-action", "tailwind": "fontWeight.action", "figmaCollection": "Wiwo Typography" } },
    "weightDisplay": { "$type": "fontWeight", "$value": "800", "$extensions": { "cssVariable": "--weight-display", "tailwind": "fontWeight.display", "figmaCollection": "Wiwo Typography" } },
    "scaleMinus1": { "$type": "dimension", "$value": "clamp(.82rem, .79rem + .16vw, .92rem)", "$extensions": { "cssVariable": "--step--1", "tailwind": "fontSize.step--1", "figmaCollection": "Wiwo Typography" } },
    "scale0": { "$type": "dimension", "$value": "clamp(.96rem, .92rem + .24vw, 1.08rem)", "$extensions": { "cssVariable": "--step-0", "tailwind": "fontSize.step-0", "figmaCollection": "Wiwo Typography" } },
    "scale1": { "$type": "dimension", "$value": "clamp(1.16rem, 1.04rem + .55vw, 1.42rem)", "$extensions": { "cssVariable": "--step-1", "tailwind": "fontSize.step-1", "figmaCollection": "Wiwo Typography" } },
    "scale2": { "$type": "dimension", "$value": "clamp(1.42rem, 1.16rem + 1.12vw, 2.05rem)", "$extensions": { "cssVariable": "--step-2", "tailwind": "fontSize.step-2", "figmaCollection": "Wiwo Typography" } },
    "scale3": { "$type": "dimension", "$value": "clamp(2.1rem, 1.54rem + 2.24vw, 3.5rem)", "$extensions": { "cssVariable": "--step-3", "tailwind": "fontSize.step-3", "figmaCollection": "Wiwo Typography" } },
    "scale4": { "$type": "dimension", "$value": "clamp(3rem, 2.16rem + 3.6vw, 5.7rem)", "$extensions": { "cssVariable": "--step-4", "tailwind": "fontSize.step-4", "figmaCollection": "Wiwo Typography" } }
  },
  "motion": {
    "easeExpressive": { "$type": "cubicBezier", "$value": "cubic-bezier(.2, 0, 0, 1)", "$extensions": { "cssVariable": "--ease-expressive", "tailwind": "transitionTimingFunction.expressive", "figmaCollection": "Wiwo Motion" } },
    "easeEmphasized": { "$type": "cubicBezier", "$value": "cubic-bezier(.3, 0, 0, 1)", "$extensions": { "cssVariable": "--ease-emphasized", "tailwind": "transitionTimingFunction.emphasized", "figmaCollection": "Wiwo Motion" } },
    "fast": { "$type": "duration", "$value": "160ms", "$extensions": { "cssVariable": "--motion-fast", "tailwind": "transitionDuration.fast", "figmaCollection": "Wiwo Motion" } },
    "medium": { "$type": "duration", "$value": "280ms", "$extensions": { "cssVariable": "--motion-medium", "tailwind": "transitionDuration.medium", "figmaCollection": "Wiwo Motion" } },
    "slow": { "$type": "duration", "$value": "420ms", "$extensions": { "cssVariable": "--motion-slow", "tailwind": "transitionDuration.slow", "figmaCollection": "Wiwo Motion" } },
    "loop": { "$type": "duration", "$value": "6800ms", "$extensions": { "cssVariable": "--motion-loop", "tailwind": "transitionDuration.loop", "figmaCollection": "Wiwo Motion" } }
  },
  "icon": {
    "sizeSm": { "$type": "dimension", "$value": "18px", "$extensions": { "cssVariable": "--icon-size-sm", "tailwind": "width.icon-sm", "figmaCollection": "Wiwo Icons" } },
    "sizeMd": { "$type": "dimension", "$value": "20px", "$extensions": { "cssVariable": "--icon-size-md", "tailwind": "width.icon-md", "figmaCollection": "Wiwo Icons" } },
    "sizeLg": { "$type": "dimension", "$value": "24px", "$extensions": { "cssVariable": "--icon-size-lg", "tailwind": "width.icon-lg", "figmaCollection": "Wiwo Icons" } },
    "stroke": { "$type": "number", "$value": "2", "$extensions": { "cssVariable": "--icon-stroke", "tailwind": "strokeWidth.icon", "figmaCollection": "Wiwo Icons" } }
  },
  "accessibility": {
    "disabledOpacity": { "$type": "number", "$value": ".48", "$extensions": { "cssVariable": "--disabled-opacity", "tailwind": "opacity.disabled", "figmaCollection": "Wiwo A11y" } }
  }
}