{
  "name": "IMBRIQ",
  "version": "1.1.0",
  "theme": "light",
  "format": "imbriq-semantic-tokens-v1",
  "description": "Semantic design tokens for the IMBRIQ industrial packaging interface. CSS values are directly usable in app/design-tokens.css.",
  "breakpoints": {
    "compact": 640,
    "medium": 960,
    "wide": 1200
  },
  "tokens": {
    "color-bg": {
      "value": "#f5f6f3",
      "type": "color",
      "cssVariable": "--cf-color-bg"
    },
    "color-surface": {
      "value": "#ffffff",
      "type": "color",
      "cssVariable": "--cf-color-surface"
    },
    "color-surface-subtle": {
      "value": "#eceee8",
      "type": "color",
      "cssVariable": "--cf-color-surface-subtle"
    },
    "color-text": {
      "value": "#242a29",
      "type": "color",
      "cssVariable": "--cf-color-text"
    },
    "color-text-muted": {
      "value": "#5e6663",
      "type": "color",
      "cssVariable": "--cf-color-text-muted"
    },
    "color-text-subtle": {
      "value": "#69716c",
      "type": "color",
      "cssVariable": "--cf-color-text-subtle"
    },
    "color-border": {
      "value": "#dedfd9",
      "type": "color",
      "cssVariable": "--cf-color-border"
    },
    "color-border-strong": {
      "value": "#8794a8",
      "type": "color",
      "cssVariable": "--cf-color-border-strong"
    },
    "color-primary": {
      "value": "#5144ce",
      "type": "color",
      "cssVariable": "--cf-color-primary"
    },
    "color-primary-hover": {
      "value": "#4033b3",
      "type": "color",
      "cssVariable": "--cf-color-primary-hover"
    },
    "color-primary-soft": {
      "value": "#eeecfb",
      "type": "color",
      "cssVariable": "--cf-color-primary-soft"
    },
    "color-accent": {
      "value": "#c74f32",
      "type": "color",
      "cssVariable": "--cf-color-accent"
    },
    "color-accent-soft": {
      "value": "#fff0e9",
      "type": "color",
      "cssVariable": "--cf-color-accent-soft"
    },
    "color-info": {
      "value": "#245ead",
      "type": "color",
      "cssVariable": "--cf-color-info"
    },
    "color-info-soft": {
      "value": "#edf4ff",
      "type": "color",
      "cssVariable": "--cf-color-info-soft"
    },
    "color-success": {
      "value": "#216e4e",
      "type": "color",
      "cssVariable": "--cf-color-success"
    },
    "color-success-soft": {
      "value": "#eaf6ef",
      "type": "color",
      "cssVariable": "--cf-color-success-soft"
    },
    "color-warning": {
      "value": "#8a5a13",
      "type": "color",
      "cssVariable": "--cf-color-warning"
    },
    "color-warning-soft": {
      "value": "#fff5dd",
      "type": "color",
      "cssVariable": "--cf-color-warning-soft"
    },
    "color-danger": {
      "value": "#b53737",
      "type": "color",
      "cssVariable": "--cf-color-danger"
    },
    "color-danger-soft": {
      "value": "#fdefef",
      "type": "color",
      "cssVariable": "--cf-color-danger-soft"
    },
    "color-disabled": {
      "value": "#7a8597",
      "type": "color",
      "cssVariable": "--cf-color-disabled"
    },
    "color-disabled-bg": {
      "value": "#ebeff5",
      "type": "color",
      "cssVariable": "--cf-color-disabled-bg"
    },
    "font-sans": {
      "value": "Inter, \"Helvetica Neue\", Arial, sans-serif",
      "type": "fontFamily",
      "cssVariable": "--cf-font-sans"
    },
    "font-mono": {
      "value": "\"SFMono-Regular\", Consolas, \"Liberation Mono\", monospace",
      "type": "fontFamily",
      "cssVariable": "--cf-font-mono"
    },
    "text-xs": {
      "value": "0.75rem",
      "type": "dimension",
      "cssVariable": "--cf-text-xs"
    },
    "text-sm": {
      "value": "0.8125rem",
      "type": "dimension",
      "cssVariable": "--cf-text-sm"
    },
    "text-md": {
      "value": "0.875rem",
      "type": "dimension",
      "cssVariable": "--cf-text-md"
    },
    "text-base": {
      "value": "1rem",
      "type": "dimension",
      "cssVariable": "--cf-text-base"
    },
    "text-lg": {
      "value": "1.125rem",
      "type": "dimension",
      "cssVariable": "--cf-text-lg"
    },
    "text-xl": {
      "value": "1.25rem",
      "type": "dimension",
      "cssVariable": "--cf-text-xl"
    },
    "text-2xl": {
      "value": "1.5rem",
      "type": "dimension",
      "cssVariable": "--cf-text-2xl"
    },
    "text-3xl": {
      "value": "2rem",
      "type": "dimension",
      "cssVariable": "--cf-text-3xl"
    },
    "text-4xl": {
      "value": "2.5rem",
      "type": "dimension",
      "cssVariable": "--cf-text-4xl"
    },
    "text-5xl": {
      "value": "3.5rem",
      "type": "dimension",
      "cssVariable": "--cf-text-5xl"
    },
    "text-6xl": {
      "value": "4rem",
      "type": "dimension",
      "cssVariable": "--cf-text-6xl"
    },
    "leading-tight": {
      "value": "1.12",
      "type": "number",
      "cssVariable": "--cf-leading-tight"
    },
    "leading-heading": {
      "value": "1.25",
      "type": "number",
      "cssVariable": "--cf-leading-heading"
    },
    "leading-body": {
      "value": "1.65",
      "type": "number",
      "cssVariable": "--cf-leading-body"
    },
    "weight-regular": {
      "value": "400",
      "type": "number",
      "cssVariable": "--cf-weight-regular"
    },
    "weight-medium": {
      "value": "500",
      "type": "number",
      "cssVariable": "--cf-weight-medium"
    },
    "weight-semibold": {
      "value": "600",
      "type": "number",
      "cssVariable": "--cf-weight-semibold"
    },
    "weight-bold": {
      "value": "700",
      "type": "number",
      "cssVariable": "--cf-weight-bold"
    },
    "space-1": {
      "value": "4px",
      "type": "dimension",
      "cssVariable": "--cf-space-1"
    },
    "space-2": {
      "value": "8px",
      "type": "dimension",
      "cssVariable": "--cf-space-2"
    },
    "space-3": {
      "value": "12px",
      "type": "dimension",
      "cssVariable": "--cf-space-3"
    },
    "space-4": {
      "value": "16px",
      "type": "dimension",
      "cssVariable": "--cf-space-4"
    },
    "space-6": {
      "value": "24px",
      "type": "dimension",
      "cssVariable": "--cf-space-6"
    },
    "space-8": {
      "value": "32px",
      "type": "dimension",
      "cssVariable": "--cf-space-8"
    },
    "space-12": {
      "value": "48px",
      "type": "dimension",
      "cssVariable": "--cf-space-12"
    },
    "space-16": {
      "value": "64px",
      "type": "dimension",
      "cssVariable": "--cf-space-16"
    },
    "space-24": {
      "value": "96px",
      "type": "dimension",
      "cssVariable": "--cf-space-24"
    },
    "radius-sm": {
      "value": "6px",
      "type": "dimension",
      "cssVariable": "--cf-radius-sm"
    },
    "radius-md": {
      "value": "10px",
      "type": "dimension",
      "cssVariable": "--cf-radius-md"
    },
    "radius-lg": {
      "value": "16px",
      "type": "dimension",
      "cssVariable": "--cf-radius-lg"
    },
    "radius-pill": {
      "value": "999px",
      "type": "dimension",
      "cssVariable": "--cf-radius-pill"
    },
    "shadow-sm": {
      "value": "0 1px 3px #1b253308",
      "type": "shadow",
      "cssVariable": "--cf-shadow-sm"
    },
    "shadow-md": {
      "value": "0 8px 28px #1b25330a, 0 2px 6px #1b253305",
      "type": "shadow",
      "cssVariable": "--cf-shadow-md"
    },
    "shadow-lg": {
      "value": "0 20px 60px #1b253314, 0 4px 12px #1b253308",
      "type": "shadow",
      "cssVariable": "--cf-shadow-lg"
    },
    "focus-ring": {
      "value": "0 0 0 3px #ffffff, 0 0 0 6px #5144ce",
      "type": "string",
      "cssVariable": "--cf-focus-ring"
    },
    "control-sm": {
      "value": "44px",
      "type": "dimension",
      "cssVariable": "--cf-control-sm"
    },
    "control-md": {
      "value": "48px",
      "type": "dimension",
      "cssVariable": "--cf-control-md"
    },
    "control-lg": {
      "value": "52px",
      "type": "dimension",
      "cssVariable": "--cf-control-lg"
    },
    "container": {
      "value": "1280px",
      "type": "dimension",
      "cssVariable": "--cf-container"
    },
    "motion-fast": {
      "value": "140ms",
      "type": "duration",
      "cssVariable": "--cf-motion-fast"
    },
    "motion-normal": {
      "value": "220ms",
      "type": "duration",
      "cssVariable": "--cf-motion-normal"
    },
    "ease": {
      "value": "cubic-bezier(.2, .7, .2, 1)",
      "type": "string",
      "cssVariable": "--cf-ease"
    }
  }
}