{
  "$meta": {
    "schema": "helixui.tokens/v1",
    "generator": "helixui",
    "buildId": "444df7f",
    "generatedAt": "2026-06-18T04:22:55.926Z",
    "source": "https://helixui.ai",
    "count": 133,
    "contentHash": "sha256:7b8f1f7000e273d40cc02a7f72099b86c78b019bc6c7ce565e0f4d8fd3879aa4"
  },
  "color.white": {
    "value": "#ffffff",
    "type": "color",
    "description": "Pure white. Use only via semantic aliases.",
    "layer": "primitive",
    "cssVar": "--helixui-color-white"
  },
  "color.black": {
    "value": "#000000",
    "type": "color",
    "description": "Pure black. Use only via semantic aliases.",
    "layer": "primitive",
    "cssVar": "--helixui-color-black"
  },
  "color.brand.50": {
    "value": "#eff6ff",
    "type": "color",
    "description": "Brand ramp 50 — lightest. Surface tints.",
    "layer": "primitive",
    "cssVar": "--helixui-color-brand-50"
  },
  "color.brand.100": {
    "value": "#dbeafe",
    "type": "color",
    "description": "Brand ramp 100.",
    "layer": "primitive",
    "cssVar": "--helixui-color-brand-100"
  },
  "color.brand.200": {
    "value": "#bfdbfe",
    "type": "color",
    "description": "Brand ramp 200.",
    "layer": "primitive",
    "cssVar": "--helixui-color-brand-200"
  },
  "color.brand.300": {
    "value": "#93c5fd",
    "type": "color",
    "description": "Brand ramp 300.",
    "layer": "primitive",
    "cssVar": "--helixui-color-brand-300"
  },
  "color.brand.400": {
    "value": "#60a5fa",
    "type": "color",
    "description": "Brand ramp 400 — dark-mode default fill.",
    "layer": "primitive",
    "cssVar": "--helixui-color-brand-400"
  },
  "color.brand.500": {
    "value": "#3b82f6",
    "type": "color",
    "description": "Brand ramp 500 — light-mode default fill.",
    "layer": "primitive",
    "cssVar": "--helixui-color-brand-500"
  },
  "color.brand.600": {
    "value": "#2563eb",
    "type": "color",
    "description": "Brand ramp 600 — light-mode hover.",
    "layer": "primitive",
    "cssVar": "--helixui-color-brand-600"
  },
  "color.brand.700": {
    "value": "#1d4ed8",
    "type": "color",
    "description": "Brand ramp 700 — light-mode active / dark-mode hover.",
    "layer": "primitive",
    "cssVar": "--helixui-color-brand-700"
  },
  "color.brand.800": {
    "value": "#1e40af",
    "type": "color",
    "description": "Brand ramp 800.",
    "layer": "primitive",
    "cssVar": "--helixui-color-brand-800"
  },
  "color.brand.900": {
    "value": "#1e3a8a",
    "type": "color",
    "description": "Brand ramp 900 — darkest.",
    "layer": "primitive",
    "cssVar": "--helixui-color-brand-900"
  },
  "color.neutral.50": {
    "value": "#f8fafc",
    "type": "color",
    "description": "Neutral ramp 50 — page surface (light).",
    "layer": "primitive",
    "cssVar": "--helixui-color-neutral-50"
  },
  "color.neutral.100": {
    "value": "#f1f5f9",
    "type": "color",
    "description": "Neutral ramp 100 — subtle surface.",
    "layer": "primitive",
    "cssVar": "--helixui-color-neutral-100"
  },
  "color.neutral.200": {
    "value": "#e2e8f0",
    "type": "color",
    "description": "Neutral ramp 200 — default border.",
    "layer": "primitive",
    "cssVar": "--helixui-color-neutral-200"
  },
  "color.neutral.300": {
    "value": "#cbd5e1",
    "type": "color",
    "description": "Neutral ramp 300 — strong border.",
    "layer": "primitive",
    "cssVar": "--helixui-color-neutral-300"
  },
  "color.neutral.400": {
    "value": "#94a3b8",
    "type": "color",
    "description": "Neutral ramp 400 — muted text on light.",
    "layer": "primitive",
    "cssVar": "--helixui-color-neutral-400"
  },
  "color.neutral.500": {
    "value": "#64748b",
    "type": "color",
    "description": "Neutral ramp 500.",
    "layer": "primitive",
    "cssVar": "--helixui-color-neutral-500"
  },
  "color.neutral.600": {
    "value": "#475569",
    "type": "color",
    "description": "Neutral ramp 600.",
    "layer": "primitive",
    "cssVar": "--helixui-color-neutral-600"
  },
  "color.neutral.700": {
    "value": "#334155",
    "type": "color",
    "description": "Neutral ramp 700 — secondary text on light.",
    "layer": "primitive",
    "cssVar": "--helixui-color-neutral-700"
  },
  "color.neutral.800": {
    "value": "#1e293b",
    "type": "color",
    "description": "Neutral ramp 800 — subtle surface (dark).",
    "layer": "primitive",
    "cssVar": "--helixui-color-neutral-800"
  },
  "color.neutral.900": {
    "value": "#0f172a",
    "type": "color",
    "description": "Neutral ramp 900 — page surface (dark) / primary text on light.",
    "layer": "primitive",
    "cssVar": "--helixui-color-neutral-900"
  },
  "color.danger.50": {
    "value": "#fef2f2",
    "type": "color",
    "description": "Danger ramp 50.",
    "layer": "primitive",
    "cssVar": "--helixui-color-danger-50"
  },
  "color.danger.100": {
    "value": "#fee2e2",
    "type": "color",
    "description": "Danger ramp 100.",
    "layer": "primitive",
    "cssVar": "--helixui-color-danger-100"
  },
  "color.danger.400": {
    "value": "#f87171",
    "type": "color",
    "description": "Danger ramp 400 — dark-mode default.",
    "layer": "primitive",
    "cssVar": "--helixui-color-danger-400"
  },
  "color.danger.500": {
    "value": "#ef4444",
    "type": "color",
    "description": "Danger ramp 500 — light-mode default.",
    "layer": "primitive",
    "cssVar": "--helixui-color-danger-500"
  },
  "color.danger.600": {
    "value": "#dc2626",
    "type": "color",
    "description": "Danger ramp 600 — hover.",
    "layer": "primitive",
    "cssVar": "--helixui-color-danger-600"
  },
  "color.danger.700": {
    "value": "#b91c1c",
    "type": "color",
    "description": "Danger ramp 700 — active.",
    "layer": "primitive",
    "cssVar": "--helixui-color-danger-700"
  },
  "color.success.50": {
    "value": "#f0fdf4",
    "type": "color",
    "description": "Success ramp 50.",
    "layer": "primitive",
    "cssVar": "--helixui-color-success-50"
  },
  "color.success.400": {
    "value": "#4ade80",
    "type": "color",
    "description": "Success ramp 400 — dark-mode default.",
    "layer": "primitive",
    "cssVar": "--helixui-color-success-400"
  },
  "color.success.500": {
    "value": "#22c55e",
    "type": "color",
    "description": "Success ramp 500 — light-mode default.",
    "layer": "primitive",
    "cssVar": "--helixui-color-success-500"
  },
  "color.success.600": {
    "value": "#16a34a",
    "type": "color",
    "description": "Success ramp 600 — hover.",
    "layer": "primitive",
    "cssVar": "--helixui-color-success-600"
  },
  "color.success.700": {
    "value": "#15803d",
    "type": "color",
    "description": "Success ramp 700 — active.",
    "layer": "primitive",
    "cssVar": "--helixui-color-success-700"
  },
  "color.success.900": {
    "value": "#14532d",
    "type": "color",
    "description": "Success ramp 900 — soft surfaces in dark mode.",
    "layer": "primitive",
    "cssVar": "--helixui-color-success-900"
  },
  "color.warning.50": {
    "value": "#fffbeb",
    "type": "color",
    "description": "Warning ramp 50.",
    "layer": "primitive",
    "cssVar": "--helixui-color-warning-50"
  },
  "color.warning.400": {
    "value": "#fbbf24",
    "type": "color",
    "description": "Warning ramp 400 — dark-mode default.",
    "layer": "primitive",
    "cssVar": "--helixui-color-warning-400"
  },
  "color.warning.500": {
    "value": "#f59e0b",
    "type": "color",
    "description": "Warning ramp 500 — light-mode default.",
    "layer": "primitive",
    "cssVar": "--helixui-color-warning-500"
  },
  "color.warning.600": {
    "value": "#d97706",
    "type": "color",
    "description": "Warning ramp 600 — hover.",
    "layer": "primitive",
    "cssVar": "--helixui-color-warning-600"
  },
  "color.warning.700": {
    "value": "#b45309",
    "type": "color",
    "description": "Warning ramp 700 — active.",
    "layer": "primitive",
    "cssVar": "--helixui-color-warning-700"
  },
  "color.warning.900": {
    "value": "#78350f",
    "type": "color",
    "description": "Warning ramp 900 — soft surfaces in dark mode.",
    "layer": "primitive",
    "cssVar": "--helixui-color-warning-900"
  },
  "space.0": {
    "value": "0",
    "type": "dimension",
    "description": "0px. No spacing.",
    "layer": "primitive",
    "cssVar": "--helixui-space-0"
  },
  "space.1": {
    "value": "4px",
    "type": "dimension",
    "description": "4px. Hairline gap.",
    "layer": "primitive",
    "cssVar": "--helixui-space-1"
  },
  "space.2": {
    "value": "8px",
    "type": "dimension",
    "description": "8px. Tight inline spacing.",
    "layer": "primitive",
    "cssVar": "--helixui-space-2"
  },
  "space.3": {
    "value": "12px",
    "type": "dimension",
    "description": "12px. Compact padding.",
    "layer": "primitive",
    "cssVar": "--helixui-space-3"
  },
  "space.4": {
    "value": "16px",
    "type": "dimension",
    "description": "16px. Default body spacing.",
    "layer": "primitive",
    "cssVar": "--helixui-space-4"
  },
  "space.5": {
    "value": "20px",
    "type": "dimension",
    "description": "20px.",
    "layer": "primitive",
    "cssVar": "--helixui-space-5"
  },
  "space.6": {
    "value": "24px",
    "type": "dimension",
    "description": "24px. Section spacing.",
    "layer": "primitive",
    "cssVar": "--helixui-space-6"
  },
  "space.7": {
    "value": "28px",
    "type": "dimension",
    "description": "28px. Hero / panel breathing room.",
    "layer": "primitive",
    "cssVar": "--helixui-space-7"
  },
  "space.8": {
    "value": "32px",
    "type": "dimension",
    "description": "32px.",
    "layer": "primitive",
    "cssVar": "--helixui-space-8"
  },
  "space.9": {
    "value": "36px",
    "type": "dimension",
    "description": "36px. Marketing-block padding.",
    "layer": "primitive",
    "cssVar": "--helixui-space-9"
  },
  "space.10": {
    "value": "40px",
    "type": "dimension",
    "description": "40px.",
    "layer": "primitive",
    "cssVar": "--helixui-space-10"
  },
  "space.11": {
    "value": "44px",
    "type": "dimension",
    "description": "44px. iOS / Android touch-target floor.",
    "layer": "primitive",
    "cssVar": "--helixui-space-11"
  },
  "space.12": {
    "value": "48px",
    "type": "dimension",
    "description": "48px.",
    "layer": "primitive",
    "cssVar": "--helixui-space-12"
  },
  "space.14": {
    "value": "56px",
    "type": "dimension",
    "description": "56px. Generous hero padding.",
    "layer": "primitive",
    "cssVar": "--helixui-space-14"
  },
  "space.16": {
    "value": "64px",
    "type": "dimension",
    "description": "64px.",
    "layer": "primitive",
    "cssVar": "--helixui-space-16"
  },
  "space.20": {
    "value": "80px",
    "type": "dimension",
    "description": "80px.",
    "layer": "primitive",
    "cssVar": "--helixui-space-20"
  },
  "space.24": {
    "value": "96px",
    "type": "dimension",
    "description": "96px. Top-level section gutter.",
    "layer": "primitive",
    "cssVar": "--helixui-space-24"
  },
  "radius.none": {
    "value": "0",
    "type": "dimension",
    "description": "Sharp corner.",
    "layer": "primitive",
    "cssVar": "--helixui-radius-none"
  },
  "radius.sm": {
    "value": "4px",
    "type": "dimension",
    "description": "Small radius — chips, badges.",
    "layer": "primitive",
    "cssVar": "--helixui-radius-sm"
  },
  "radius.md": {
    "value": "8px",
    "type": "dimension",
    "description": "Medium radius — buttons, inputs.",
    "layer": "primitive",
    "cssVar": "--helixui-radius-md"
  },
  "radius.lg": {
    "value": "12px",
    "type": "dimension",
    "description": "Large radius — cards, panels.",
    "layer": "primitive",
    "cssVar": "--helixui-radius-lg"
  },
  "radius.xl": {
    "value": "16px",
    "type": "dimension",
    "description": "Extra-large radius — modals, sheets.",
    "layer": "primitive",
    "cssVar": "--helixui-radius-xl"
  },
  "radius.full": {
    "value": "9999px",
    "type": "dimension",
    "description": "Fully rounded — pills, avatars.",
    "layer": "primitive",
    "cssVar": "--helixui-radius-full"
  },
  "font.family.sans": {
    "value": "Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Helvetica, Arial, sans-serif",
    "type": "fontFamily",
    "description": "Default UI font stack.",
    "layer": "primitive",
    "cssVar": "--helixui-font-family-sans"
  },
  "font.family.mono": {
    "value": "ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",
    "type": "fontFamily",
    "description": "Monospace font stack — code, keyboard glyphs.",
    "layer": "primitive",
    "cssVar": "--helixui-font-family-mono"
  },
  "font.size.xs": {
    "value": "12px",
    "type": "dimension",
    "description": "Caption / metadata.",
    "layer": "primitive",
    "cssVar": "--helixui-font-size-xs"
  },
  "font.size.sm": {
    "value": "14px",
    "type": "dimension",
    "description": "Compact body.",
    "layer": "primitive",
    "cssVar": "--helixui-font-size-sm"
  },
  "font.size.md": {
    "value": "16px",
    "type": "dimension",
    "description": "Default body.",
    "layer": "primitive",
    "cssVar": "--helixui-font-size-md"
  },
  "font.size.lg": {
    "value": "18px",
    "type": "dimension",
    "description": "Lead paragraph / large body.",
    "layer": "primitive",
    "cssVar": "--helixui-font-size-lg"
  },
  "font.size.xl": {
    "value": "20px",
    "type": "dimension",
    "description": "Subheading.",
    "layer": "primitive",
    "cssVar": "--helixui-font-size-xl"
  },
  "font.size.2xl": {
    "value": "24px",
    "type": "dimension",
    "description": "Section heading.",
    "layer": "primitive",
    "cssVar": "--helixui-font-size-2xl"
  },
  "font.size.3xl": {
    "value": "30px",
    "type": "dimension",
    "description": "Page heading.",
    "layer": "primitive",
    "cssVar": "--helixui-font-size-3xl"
  },
  "font.size.4xl": {
    "value": "36px",
    "type": "dimension",
    "description": "Display.",
    "layer": "primitive",
    "cssVar": "--helixui-font-size-4xl"
  },
  "font.weight.regular": {
    "value": "400",
    "type": "fontWeight",
    "description": "Body weight.",
    "layer": "primitive",
    "cssVar": "--helixui-font-weight-regular"
  },
  "font.weight.medium": {
    "value": "500",
    "type": "fontWeight",
    "description": "Slight emphasis.",
    "layer": "primitive",
    "cssVar": "--helixui-font-weight-medium"
  },
  "font.weight.semibold": {
    "value": "600",
    "type": "fontWeight",
    "description": "Buttons, headings.",
    "layer": "primitive",
    "cssVar": "--helixui-font-weight-semibold"
  },
  "font.weight.bold": {
    "value": "700",
    "type": "fontWeight",
    "description": "Strong emphasis.",
    "layer": "primitive",
    "cssVar": "--helixui-font-weight-bold"
  },
  "font.lineHeight.tight": {
    "value": "1.2",
    "type": "number",
    "description": "Headings.",
    "layer": "primitive",
    "cssVar": "--helixui-font-lineHeight-tight"
  },
  "font.lineHeight.normal": {
    "value": "1.5",
    "type": "number",
    "description": "Body.",
    "layer": "primitive",
    "cssVar": "--helixui-font-lineHeight-normal"
  },
  "font.lineHeight.loose": {
    "value": "1.75",
    "type": "number",
    "description": "Long-form reading.",
    "layer": "primitive",
    "cssVar": "--helixui-font-lineHeight-loose"
  },
  "shadow.sm": {
    "value": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
    "type": "shadow",
    "description": "Subtle elevation — cards on a page.",
    "layer": "primitive",
    "cssVar": "--helixui-shadow-sm"
  },
  "shadow.md": {
    "value": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
    "type": "shadow",
    "description": "Default elevation — popovers, dropdowns.",
    "layer": "primitive",
    "cssVar": "--helixui-shadow-md"
  },
  "shadow.lg": {
    "value": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
    "type": "shadow",
    "description": "High elevation — modals, sheets.",
    "layer": "primitive",
    "cssVar": "--helixui-shadow-lg"
  },
  "motion.duration.instant": {
    "value": "0ms",
    "type": "duration",
    "description": "No animation. Use to suppress transitions in low-power or reduced-motion contexts.",
    "layer": "primitive",
    "cssVar": "--helixui-motion-duration-instant"
  },
  "motion.duration.fast": {
    "value": "120ms",
    "type": "duration",
    "description": "Snappy interactions — hover, press, focus ring, tooltip.",
    "layer": "primitive",
    "cssVar": "--helixui-motion-duration-fast"
  },
  "motion.duration.normal": {
    "value": "180ms",
    "type": "duration",
    "description": "Default transition — most UI state changes, popovers, toasts.",
    "layer": "primitive",
    "cssVar": "--helixui-motion-duration-normal"
  },
  "motion.duration.slow": {
    "value": "240ms",
    "type": "duration",
    "description": "Larger surface motion — sheets, dialogs, drawers.",
    "layer": "primitive",
    "cssVar": "--helixui-motion-duration-slow"
  },
  "motion.duration.slower": {
    "value": "320ms",
    "type": "duration",
    "description": "Long-form transitions — collapsing sections, page transitions.",
    "layer": "primitive",
    "cssVar": "--helixui-motion-duration-slower"
  },
  "motion.easing.linear": {
    "value": "linear",
    "type": "cubicBezier",
    "description": "Constant velocity. Indeterminate progress, spinners.",
    "layer": "primitive",
    "cssVar": "--helixui-motion-easing-linear"
  },
  "motion.easing.standard": {
    "value": "cubic-bezier(0.2, 0, 0, 1)",
    "type": "cubicBezier",
    "description": "Default UI ease — smooth start, slight settle.",
    "layer": "primitive",
    "cssVar": "--helixui-motion-easing-standard"
  },
  "motion.easing.emphasized": {
    "value": "cubic-bezier(0.32, 0.72, 0, 1)",
    "type": "cubicBezier",
    "description": "Material-style emphasized motion. Sheets, toasts.",
    "layer": "primitive",
    "cssVar": "--helixui-motion-easing-emphasized"
  },
  "motion.easing.decelerate": {
    "value": "cubic-bezier(0, 0, 0.2, 1)",
    "type": "cubicBezier",
    "description": "Fast in, slow out. Elements entering the viewport.",
    "layer": "primitive",
    "cssVar": "--helixui-motion-easing-decelerate"
  },
  "motion.easing.accelerate": {
    "value": "cubic-bezier(0.4, 0, 1, 1)",
    "type": "cubicBezier",
    "description": "Slow in, fast out. Elements exiting the viewport.",
    "layer": "primitive",
    "cssVar": "--helixui-motion-easing-accelerate"
  },
  "motion.easing.spring": {
    "value": "cubic-bezier(0.16, 1, 0.3, 1)",
    "type": "cubicBezier",
    "description": "Bouncy spring ease. Entrance scale-ups, hover lifts.",
    "layer": "primitive",
    "cssVar": "--helixui-motion-easing-spring"
  },
  "color.bg.surface.default": {
    "value": "#ffffff",
    "type": "color",
    "description": "Default page surface.",
    "layer": "semantic",
    "cssVar": "--helixui-color-bg-surface-default",
    "themes": {
      "light": "#ffffff"
    }
  },
  "color.bg.surface.subtle": {
    "value": "#f8fafc",
    "type": "color",
    "description": "Subdued surface — section backgrounds, table stripes.",
    "layer": "semantic",
    "cssVar": "--helixui-color-bg-surface-subtle",
    "themes": {
      "light": "#f8fafc"
    }
  },
  "color.bg.surface.muted": {
    "value": "#f1f5f9",
    "type": "color",
    "description": "Muted surface — disabled or recessed areas.",
    "layer": "semantic",
    "cssVar": "--helixui-color-bg-surface-muted",
    "themes": {
      "light": "#f1f5f9"
    }
  },
  "color.bg.surface.inverse": {
    "value": "#0f172a",
    "type": "color",
    "description": "High-contrast surface — tooltips on light backgrounds.",
    "layer": "semantic",
    "cssVar": "--helixui-color-bg-surface-inverse",
    "themes": {
      "light": "#0f172a"
    }
  },
  "color.bg.action.brand.default": {
    "value": "#3b82f6",
    "type": "color",
    "description": "Default fill for brand call-to-action.",
    "layer": "semantic",
    "cssVar": "--helixui-color-bg-action-brand-default",
    "themes": {
      "light": "#3b82f6"
    }
  },
  "color.bg.action.brand.hover": {
    "value": "#2563eb",
    "type": "color",
    "description": "Hover fill for brand CTA.",
    "layer": "semantic",
    "cssVar": "--helixui-color-bg-action-brand-hover",
    "themes": {
      "light": "#2563eb"
    }
  },
  "color.bg.action.brand.active": {
    "value": "#1d4ed8",
    "type": "color",
    "description": "Pressed fill for brand CTA.",
    "layer": "semantic",
    "cssVar": "--helixui-color-bg-action-brand-active",
    "themes": {
      "light": "#1d4ed8"
    }
  },
  "color.bg.action.brand.subtle": {
    "value": "#eff6ff",
    "type": "color",
    "description": "Soft brand fill — informational chips, badges.",
    "layer": "semantic",
    "cssVar": "--helixui-color-bg-action-brand-subtle",
    "themes": {
      "light": "#eff6ff"
    }
  },
  "color.bg.action.neutral.default": {
    "value": "#f1f5f9",
    "type": "color",
    "description": "Default fill for neutral actions — secondary buttons.",
    "layer": "semantic",
    "cssVar": "--helixui-color-bg-action-neutral-default",
    "themes": {
      "light": "#f1f5f9"
    }
  },
  "color.bg.action.neutral.hover": {
    "value": "#e2e8f0",
    "type": "color",
    "description": "Hover fill for neutral actions.",
    "layer": "semantic",
    "cssVar": "--helixui-color-bg-action-neutral-hover",
    "themes": {
      "light": "#e2e8f0"
    }
  },
  "color.bg.action.neutral.active": {
    "value": "#cbd5e1",
    "type": "color",
    "description": "Pressed fill for neutral actions.",
    "layer": "semantic",
    "cssVar": "--helixui-color-bg-action-neutral-active",
    "themes": {
      "light": "#cbd5e1"
    }
  },
  "color.bg.action.danger.default": {
    "value": "#ef4444",
    "type": "color",
    "description": "Destructive action fill.",
    "layer": "semantic",
    "cssVar": "--helixui-color-bg-action-danger-default",
    "themes": {
      "light": "#ef4444"
    }
  },
  "color.bg.action.danger.hover": {
    "value": "#dc2626",
    "type": "color",
    "description": "Destructive action hover.",
    "layer": "semantic",
    "cssVar": "--helixui-color-bg-action-danger-hover",
    "themes": {
      "light": "#dc2626"
    }
  },
  "color.bg.action.danger.active": {
    "value": "#b91c1c",
    "type": "color",
    "description": "Destructive action pressed.",
    "layer": "semantic",
    "cssVar": "--helixui-color-bg-action-danger-active",
    "themes": {
      "light": "#b91c1c"
    }
  },
  "color.bg.action.danger.subtle": {
    "value": "#fef2f2",
    "type": "color",
    "description": "Soft destructive fill — error banners.",
    "layer": "semantic",
    "cssVar": "--helixui-color-bg-action-danger-subtle",
    "themes": {
      "light": "#fef2f2"
    }
  },
  "color.bg.action.success.default": {
    "value": "#22c55e",
    "type": "color",
    "description": "Success action fill.",
    "layer": "semantic",
    "cssVar": "--helixui-color-bg-action-success-default",
    "themes": {
      "light": "#22c55e"
    }
  },
  "color.bg.action.success.hover": {
    "value": "#16a34a",
    "type": "color",
    "description": "Success action hover.",
    "layer": "semantic",
    "cssVar": "--helixui-color-bg-action-success-hover",
    "themes": {
      "light": "#16a34a"
    }
  },
  "color.bg.action.success.active": {
    "value": "#15803d",
    "type": "color",
    "description": "Success action pressed.",
    "layer": "semantic",
    "cssVar": "--helixui-color-bg-action-success-active",
    "themes": {
      "light": "#15803d"
    }
  },
  "color.bg.action.success.subtle": {
    "value": "#f0fdf4",
    "type": "color",
    "description": "Soft success fill — confirmation banners.",
    "layer": "semantic",
    "cssVar": "--helixui-color-bg-action-success-subtle",
    "themes": {
      "light": "#f0fdf4"
    }
  },
  "color.bg.action.warning.default": {
    "value": "#f59e0b",
    "type": "color",
    "description": "Warning action fill.",
    "layer": "semantic",
    "cssVar": "--helixui-color-bg-action-warning-default",
    "themes": {
      "light": "#f59e0b"
    }
  },
  "color.bg.action.warning.hover": {
    "value": "#d97706",
    "type": "color",
    "description": "Warning action hover.",
    "layer": "semantic",
    "cssVar": "--helixui-color-bg-action-warning-hover",
    "themes": {
      "light": "#d97706"
    }
  },
  "color.bg.action.warning.active": {
    "value": "#b45309",
    "type": "color",
    "description": "Warning action pressed.",
    "layer": "semantic",
    "cssVar": "--helixui-color-bg-action-warning-active",
    "themes": {
      "light": "#b45309"
    }
  },
  "color.bg.action.warning.subtle": {
    "value": "#fffbeb",
    "type": "color",
    "description": "Soft warning fill — caution banners.",
    "layer": "semantic",
    "cssVar": "--helixui-color-bg-action-warning-subtle",
    "themes": {
      "light": "#fffbeb"
    }
  },
  "color.text.primary": {
    "value": "#0f172a",
    "type": "color",
    "description": "Primary text on default surface.",
    "layer": "semantic",
    "cssVar": "--helixui-color-text-primary",
    "themes": {
      "light": "#0f172a"
    }
  },
  "color.text.secondary": {
    "value": "#334155",
    "type": "color",
    "description": "Secondary text — captions, helper text.",
    "layer": "semantic",
    "cssVar": "--helixui-color-text-secondary",
    "themes": {
      "light": "#334155"
    }
  },
  "color.text.muted": {
    "value": "#64748b",
    "type": "color",
    "description": "Muted text — placeholders, disabled labels.",
    "layer": "semantic",
    "cssVar": "--helixui-color-text-muted",
    "themes": {
      "light": "#64748b"
    }
  },
  "color.text.inverse": {
    "value": "#ffffff",
    "type": "color",
    "description": "Text on inverse surface.",
    "layer": "semantic",
    "cssVar": "--helixui-color-text-inverse",
    "themes": {
      "light": "#ffffff"
    }
  },
  "color.text.on.brand": {
    "value": "#ffffff",
    "type": "color",
    "description": "Text on brand fill.",
    "layer": "semantic",
    "cssVar": "--helixui-color-text-on-brand",
    "themes": {
      "light": "#ffffff"
    }
  },
  "color.text.on.danger": {
    "value": "#ffffff",
    "type": "color",
    "description": "Text on danger fill.",
    "layer": "semantic",
    "cssVar": "--helixui-color-text-on-danger",
    "themes": {
      "light": "#ffffff"
    }
  },
  "color.text.on.success": {
    "value": "#ffffff",
    "type": "color",
    "description": "Text on success fill.",
    "layer": "semantic",
    "cssVar": "--helixui-color-text-on-success",
    "themes": {
      "light": "#ffffff"
    }
  },
  "color.text.on.warning": {
    "value": "#0f172a",
    "type": "color",
    "description": "Text on warning fill — warning hue is too light for white text.",
    "layer": "semantic",
    "cssVar": "--helixui-color-text-on-warning",
    "themes": {
      "light": "#0f172a"
    }
  },
  "color.text.action.brand": {
    "value": "#2563eb",
    "type": "color",
    "description": "Brand-tinted text — links, ghost-button labels.",
    "layer": "semantic",
    "cssVar": "--helixui-color-text-action-brand",
    "themes": {
      "light": "#2563eb"
    }
  },
  "color.text.action.danger": {
    "value": "#dc2626",
    "type": "color",
    "description": "Destructive text — destructive ghost actions.",
    "layer": "semantic",
    "cssVar": "--helixui-color-text-action-danger",
    "themes": {
      "light": "#dc2626"
    }
  },
  "color.text.action.success": {
    "value": "#16a34a",
    "type": "color",
    "description": "Success-tinted text — confirmation links.",
    "layer": "semantic",
    "cssVar": "--helixui-color-text-action-success",
    "themes": {
      "light": "#16a34a"
    }
  },
  "color.text.action.warning": {
    "value": "#b45309",
    "type": "color",
    "description": "Warning-tinted text — caution labels.",
    "layer": "semantic",
    "cssVar": "--helixui-color-text-action-warning",
    "themes": {
      "light": "#b45309"
    }
  },
  "color.border.default": {
    "value": "#e2e8f0",
    "type": "color",
    "description": "Default border for surfaces and inputs.",
    "layer": "semantic",
    "cssVar": "--helixui-color-border-default",
    "themes": {
      "light": "#e2e8f0"
    }
  },
  "color.border.strong": {
    "value": "#cbd5e1",
    "type": "color",
    "description": "Stronger border — separators, table grids.",
    "layer": "semantic",
    "cssVar": "--helixui-color-border-strong",
    "themes": {
      "light": "#cbd5e1"
    }
  },
  "color.border.focus": {
    "value": "#3b82f6",
    "type": "color",
    "description": "Focus ring color.",
    "layer": "semantic",
    "cssVar": "--helixui-color-border-focus",
    "themes": {
      "light": "#3b82f6"
    }
  },
  "color.border.danger": {
    "value": "#ef4444",
    "type": "color",
    "description": "Error border — invalid inputs.",
    "layer": "semantic",
    "cssVar": "--helixui-color-border-danger",
    "themes": {
      "light": "#ef4444"
    }
  }
}