{
  "source": "IA Design System v3.1 + Item Smart V3 + Baseprice V3 (Figma-trained); colors from src/theme/tokens/light.json",
  "figmaReferences": [
    {
      "name": "IA Design System v3.1",
      "fileKey": "a3elYamUGSeoXJiHPyJaVx",
      "nodeId": "43847:13043",
      "url": "https://www.figma.com/design/a3elYamUGSeoXJiHPyJaVx/IA-Design-System-v3.1?node-id=43847-13043"
    },
    {
      "name": "Item Smart V3 May 2025",
      "fileKey": "LHeXzFSqMoimKclEZJuQqK",
      "nodeId": "12981:190049",
      "url": "https://www.figma.com/design/LHeXzFSqMoimKclEZJuQqK/Itemsmart_V3_May2025?node-id=12981-190049"
    },
    {
      "name": "Baseprice V3",
      "fileKey": "UZra9BoBuZc6pgobmysBQt",
      "nodeId": "14884:265189",
      "url": "https://www.figma.com/design/UZra9BoBuZc6pgobmysBQt/Baseprice_V3?node-id=14884-265189"
    }
  ],
  "colors": {
    "background": {
      "cssVar": "--color-background",
      "value": "#ffffff",
      "usage": "Synced from src/theme/tokens/light.json (canvas)"
    },
    "foreground": {
      "cssVar": "--color-foreground",
      "value": "#1f2b4d",
      "usage": "Synced from src/theme/tokens/light.json (content)"
    },
    "title": {
      "value": "#0d152c",
      "tailwind": "text-content-primary",
      "usage": "Page titles, table headers (Figma title)"
    },
    "subtitle": {
      "value": "#31416e",
      "usage": "Chart axis titles, secondary headings"
    },
    "label": {
      "value": "#60697d",
      "usage": "Filter labels, legends, tertiary text"
    },
    "primary": {
      "cssVar": "--color-primary",
      "value": "#4259ee",
      "usage": "Synced from src/theme/tokens/light.json (brand)"
    },
    "primary-link": {
      "value": "#3649c6",
      "usage": "Table link cells"
    },
    "badge-info-filled": {
      "cssVar": "--color-badge-info-filled",
      "value": "#5267f4",
      "usage": "Synced from src/theme/tokens/light.json (badge)"
    },
    "info-badge-subtle": {
      "value": "#f1f3fe",
      "usage": "Data Heavy / New Styles pill background"
    },
    "brand-subtle": {
      "value": "#eff2fa",
      "tailwind": "bg-brand-subtle",
      "usage": "Page canvas wash (all IA planning apps)"
    },
    "surface-lighter": {
      "value": "#f5f6fa",
      "usage": "Accordion triggers, AG Grid header row"
    },
    "button-primary-disabled": {
      "cssVar": "--color-button-primary-disabled",
      "value": "#c3c8d4",
      "usage": "Synced from src/theme/tokens/light.json (component)"
    },
    "border-default": {
      "value": "#c3c8d4",
      "usage": "KPI cards, inputs, strong borders"
    },
    "border-subtle": {
      "value": "#ebebef",
      "usage": "Synced from src/theme/tokens/light.json (stroke)",
      "cssVar": "--color-border-subtle"
    },
    "primary-foreground": {
      "cssVar": "--color-primary-foreground",
      "value": "#ffffff",
      "usage": "Synced from src/theme/tokens/light.json (brand)"
    },
    "secondary": {
      "cssVar": "--color-secondary",
      "value": "#f5f6fa",
      "usage": "Synced from src/theme/tokens/light.json (brand)"
    },
    "accent": {
      "cssVar": "--color-accent",
      "value": "#eceefd",
      "usage": "Synced from src/theme/tokens/light.json (brand)"
    },
    "destructive": {
      "cssVar": "--color-destructive",
      "value": "#e15554",
      "usage": "Synced from src/theme/tokens/light.json (feedback)"
    },
    "destructive-hover": {
      "cssVar": "--color-destructive-hover",
      "value": "#ab3939",
      "usage": "Synced from src/theme/tokens/light.json (feedback)"
    },
    "muted": {
      "cssVar": "--color-muted",
      "value": "#d9dde7",
      "usage": "Synced from src/theme/tokens/light.json (brand)"
    },
    "border": {
      "cssVar": "--color-border",
      "value": "#d9dde7",
      "usage": "Synced from src/theme/tokens/light.json (stroke)"
    },
    "surface-elevated": {
      "cssVar": "--color-surface-elevated",
      "value": "#ffffff",
      "usage": "Synced from src/theme/tokens/light.json (canvas)"
    },
    "surface-floating": {
      "cssVar": "--color-surface-floating",
      "value": "#ffffff",
      "usage": "Synced from src/theme/tokens/light.json (canvas)"
    },
    "success": {
      "cssVar": "--color-success",
      "value": "#3bb273",
      "usage": "Synced from src/theme/tokens/light.json (feedback)"
    },
    "success-foreground": {
      "cssVar": "--color-success-foreground",
      "value": "#ffffff",
      "usage": "Synced from src/theme/tokens/light.json (feedback)"
    },
    "warning": {
      "cssVar": "--color-warning",
      "value": "#e1bc29",
      "usage": "Synced from src/theme/tokens/light.json (feedback)"
    },
    "sidebar-background": {
      "cssVar": "--color-sidebar-background",
      "value": "#0f1729",
      "usage": "Synced from src/theme/tokens/light.json (navigation)"
    },
    "sidebar-active-indicator": {
      "value": "#3bb273",
      "usage": "4px right bar on active nav item"
    },
    "chart-base-volume": {
      "value": "#6682d2",
      "usage": "Baseprice stacked bar — base series"
    },
    "chart-promotions": {
      "value": "#89d1ab",
      "usage": "Baseprice — promotions / green segment"
    },
    "chart-optimized": {
      "value": "#edd77f",
      "usage": "Baseprice — optimized pricing / yellow segment"
    },
    "ask-alan-border": {
      "value": "#2ac2ee",
      "usage": "Header bot button cyan accent border"
    },
    "surface-elevated-foreground": {
      "cssVar": "--color-surface-elevated-foreground",
      "value": "#1f2b4d",
      "usage": "Synced from src/theme/tokens/light.json (canvas)"
    },
    "surface-floating-foreground": {
      "cssVar": "--color-surface-floating-foreground",
      "value": "#1f2b4d",
      "usage": "Synced from src/theme/tokens/light.json (canvas)"
    },
    "surface-muted": {
      "cssVar": "--color-surface-muted",
      "value": "#f5f6fa",
      "usage": "Synced from src/theme/tokens/light.json (canvas)"
    },
    "surface-canvas": {
      "cssVar": "--color-surface-canvas",
      "value": "#f2f4fa",
      "usage": "Synced from src/theme/tokens/light.json (canvas)"
    },
    "surface-input-disabled": {
      "cssVar": "--color-surface-input-disabled",
      "value": "#f2f4fa",
      "usage": "Synced from src/theme/tokens/light.json (canvas)"
    },
    "surface-readonly": {
      "cssVar": "--color-surface-readonly",
      "value": "#f5f6fa",
      "usage": "Synced from src/theme/tokens/light.json (canvas)"
    },
    "surface-tint-blue": {
      "cssVar": "--color-surface-tint-blue",
      "value": "#eff2fa",
      "usage": "Synced from src/theme/tokens/light.json (canvas)"
    },
    "surface-accordion": {
      "cssVar": "--color-surface-accordion",
      "value": "#b3bdf8",
      "usage": "Synced from src/theme/tokens/light.json (canvas)"
    },
    "surface-selection-tint": {
      "cssVar": "--color-surface-selection-tint",
      "value": "#eceefd",
      "usage": "Synced from src/theme/tokens/light.json (canvas)"
    },
    "primary-strong": {
      "cssVar": "--color-primary-strong",
      "value": "#29399f",
      "usage": "Synced from src/theme/tokens/light.json (brand)"
    },
    "primary-hover": {
      "cssVar": "--color-primary-hover",
      "value": "#3649c6",
      "usage": "Synced from src/theme/tokens/light.json (brand)"
    },
    "primary-surface-subtle": {
      "cssVar": "--color-primary-surface-subtle",
      "value": "#eff2fa",
      "usage": "Synced from src/theme/tokens/light.json (brand)"
    },
    "primary-on-surface-subtle": {
      "cssVar": "--color-primary-on-surface-subtle",
      "value": "#5167f5",
      "usage": "Synced from src/theme/tokens/light.json (brand)"
    },
    "primary-selection": {
      "cssVar": "--color-primary-selection",
      "value": "#eceefd",
      "usage": "Synced from src/theme/tokens/light.json (brand)"
    },
    "primary-soft": {
      "cssVar": "--color-primary-soft",
      "value": "#eceefd",
      "usage": "Synced from src/theme/tokens/light.json (brand)"
    },
    "primary-soft-hover": {
      "cssVar": "--color-primary-soft-hover",
      "value": "#d5dafb",
      "usage": "Synced from src/theme/tokens/light.json (brand)"
    },
    "primary-variant": {
      "cssVar": "--color-primary-variant",
      "value": "#4459e4",
      "usage": "Synced from src/theme/tokens/light.json (brand)"
    },
    "primary-variant-hover": {
      "cssVar": "--color-primary-variant-hover",
      "value": "#3347c7",
      "usage": "Synced from src/theme/tokens/light.json (brand)"
    },
    "secondary-foreground": {
      "cssVar": "--color-secondary-foreground",
      "value": "#60697d",
      "usage": "Synced from src/theme/tokens/light.json (brand)"
    },
    "secondary-hover-foreground": {
      "cssVar": "--color-secondary-hover-foreground",
      "value": "#3649c6",
      "usage": "Synced from src/theme/tokens/light.json (brand)"
    },
    "accent-foreground": {
      "cssVar": "--color-accent-foreground",
      "value": "#29399f",
      "usage": "Synced from src/theme/tokens/light.json (brand)"
    },
    "muted-foreground": {
      "cssVar": "--color-muted-foreground",
      "value": "#415ca4",
      "usage": "Synced from src/theme/tokens/light.json (brand)"
    },
    "foreground-secondary": {
      "cssVar": "--color-foreground-secondary",
      "value": "#5f687c",
      "usage": "Synced from src/theme/tokens/light.json (content)"
    },
    "foreground-tertiary": {
      "cssVar": "--color-foreground-tertiary",
      "value": "#646a78",
      "usage": "Synced from src/theme/tokens/light.json (content)"
    },
    "foreground-placeholder": {
      "cssVar": "--color-foreground-placeholder",
      "value": "#b4bac7",
      "usage": "Synced from src/theme/tokens/light.json (content)"
    },
    "foreground-empty": {
      "cssVar": "--color-foreground-empty",
      "value": "#dfe2e7",
      "usage": "Synced from src/theme/tokens/light.json (content)"
    },
    "foreground-icon": {
      "cssVar": "--color-foreground-icon",
      "value": "#7a8294",
      "usage": "Synced from src/theme/tokens/light.json (content)"
    },
    "header-notification-icon": {
      "cssVar": "--color-header-notification-icon",
      "value": "#60697d",
      "usage": "Synced from src/theme/tokens/light.json (content)"
    },
    "neutral-charcoal": {
      "cssVar": "--color-neutral-charcoal",
      "value": "#41536c",
      "usage": "Synced from src/theme/tokens/light.json (content)"
    },
    "neutral-badge": {
      "cssVar": "--color-neutral-badge",
      "value": "#5f6572",
      "usage": "Synced from src/theme/tokens/light.json (content)"
    },
    "border-tertiary": {
      "cssVar": "--color-border-tertiary",
      "value": "#c5c9d3",
      "usage": "Synced from src/theme/tokens/light.json (stroke)"
    },
    "border-hairline": {
      "cssVar": "--color-border-hairline",
      "value": "#e3e5ed",
      "usage": "Synced from src/theme/tokens/light.json (stroke)"
    },
    "border-strong": {
      "cssVar": "--color-border-strong",
      "value": "#c5c9d3",
      "usage": "Synced from src/theme/tokens/light.json (stroke)"
    },
    "border-accent-muted": {
      "cssVar": "--color-border-accent-muted",
      "value": "#b3bdf8",
      "usage": "Synced from src/theme/tokens/light.json (stroke)"
    },
    "border-grid-header-group-purple": {
      "cssVar": "--color-border-grid-header-group-purple",
      "value": "#ad97ce",
      "usage": "Synced from src/theme/tokens/light.json (stroke)"
    },
    "input": {
      "cssVar": "--color-input",
      "value": "#d9dde7",
      "usage": "Synced from src/theme/tokens/light.json (stroke)"
    },
    "ring": {
      "cssVar": "--color-ring",
      "value": "#1f2b4d",
      "usage": "Synced from src/theme/tokens/light.json (stroke)"
    },
    "disabled-surface": {
      "cssVar": "--color-disabled-surface",
      "value": "#f8f9fb",
      "usage": "Synced from src/theme/tokens/light.json (field)"
    },
    "disabled-foreground": {
      "cssVar": "--color-disabled-foreground",
      "value": "#b4bac7",
      "usage": "Synced from src/theme/tokens/light.json (field)"
    },
    "disabled-border": {
      "cssVar": "--color-disabled-border",
      "value": "#dcdee5",
      "usage": "Synced from src/theme/tokens/light.json (field)"
    },
    "danger-validation": {
      "cssVar": "--color-danger-validation",
      "value": "#e05452",
      "usage": "Synced from src/theme/tokens/light.json (field)"
    },
    "danger-bright": {
      "cssVar": "--color-danger-bright",
      "value": "#ef4444",
      "usage": "Synced from src/theme/tokens/light.json (field)"
    },
    "badge-neutral-muted": {
      "cssVar": "--color-badge-neutral-muted",
      "value": "#f1f2f3",
      "usage": "Synced from src/theme/tokens/light.json (badge)"
    },
    "badge-info-muted": {
      "cssVar": "--color-badge-info-muted",
      "value": "#eff2fa",
      "usage": "Synced from src/theme/tokens/light.json (badge)"
    },
    "badge-warning-filled": {
      "cssVar": "--color-badge-warning-filled",
      "value": "#ffe875",
      "usage": "Synced from src/theme/tokens/light.json (badge)"
    },
    "badge-warning-muted": {
      "cssVar": "--color-badge-warning-muted",
      "value": "#fdfae8",
      "usage": "Synced from src/theme/tokens/light.json (badge)"
    },
    "badge-warning-text": {
      "cssVar": "--color-badge-warning-text",
      "value": "#8e7306",
      "usage": "Synced from src/theme/tokens/light.json (badge)"
    },
    "badge-error-filled": {
      "cssVar": "--color-badge-error-filled",
      "value": "#ec4b58",
      "usage": "Synced from src/theme/tokens/light.json (badge)"
    },
    "badge-error-muted": {
      "cssVar": "--color-badge-error-muted",
      "value": "#fef6f7",
      "usage": "Synced from src/theme/tokens/light.json (badge)"
    },
    "badge-error-text": {
      "cssVar": "--color-badge-error-text",
      "value": "#d6312e",
      "usage": "Synced from src/theme/tokens/light.json (badge)"
    },
    "badge-success-filled": {
      "cssVar": "--color-badge-success-filled",
      "value": "#108431",
      "usage": "Synced from src/theme/tokens/light.json (badge)"
    },
    "badge-success-muted": {
      "cssVar": "--color-badge-success-muted",
      "value": "#f5fff8",
      "usage": "Synced from src/theme/tokens/light.json (badge)"
    },
    "badge-success-text": {
      "cssVar": "--color-badge-success-text",
      "value": "#108431",
      "usage": "Synced from src/theme/tokens/light.json (badge)"
    },
    "destructive-foreground": {
      "cssVar": "--color-destructive-foreground",
      "value": "#ffffff",
      "usage": "Synced from src/theme/tokens/light.json (feedback)"
    },
    "info-surface": {
      "cssVar": "--color-info-surface",
      "value": "#e0f4ff",
      "usage": "Synced from src/theme/tokens/light.json (feedback)"
    },
    "info-border": {
      "cssVar": "--color-info-border",
      "value": "#c6cdfb",
      "usage": "Synced from src/theme/tokens/light.json (feedback)"
    },
    "warning-surface": {
      "cssVar": "--color-warning-surface",
      "value": "#fcf8ea",
      "usage": "Synced from src/theme/tokens/light.json (feedback)"
    },
    "warning-border": {
      "cssVar": "--color-warning-border",
      "value": "#ffe770",
      "usage": "Synced from src/theme/tokens/light.json (feedback)"
    },
    "error-surface": {
      "cssVar": "--color-error-surface",
      "value": "#fceeee",
      "usage": "Synced from src/theme/tokens/light.json (feedback)"
    },
    "error-border": {
      "cssVar": "--color-error-border",
      "value": "#f3c0bf",
      "usage": "Synced from src/theme/tokens/light.json (feedback)"
    },
    "success-surface": {
      "cssVar": "--color-success-surface",
      "value": "#ebf7f1",
      "usage": "Synced from src/theme/tokens/light.json (feedback)"
    },
    "success-border": {
      "cssVar": "--color-success-border",
      "value": "#c4e8d5",
      "usage": "Synced from src/theme/tokens/light.json (feedback)"
    },
    "chart-1": {
      "cssVar": "--color-chart-1",
      "value": "#4259ee",
      "usage": "Synced from src/theme/tokens/light.json (chart)"
    },
    "chart-2": {
      "cssVar": "--color-chart-2",
      "value": "#3bb273",
      "usage": "Synced from src/theme/tokens/light.json (chart)"
    },
    "chart-3": {
      "cssVar": "--color-chart-3",
      "value": "#e15554",
      "usage": "Synced from src/theme/tokens/light.json (chart)"
    },
    "chart-4": {
      "cssVar": "--color-chart-4",
      "value": "#e1bc29",
      "usage": "Synced from src/theme/tokens/light.json (chart)"
    },
    "chart-5": {
      "cssVar": "--color-chart-5",
      "value": "#4259ee",
      "usage": "Synced from src/theme/tokens/light.json (chart)"
    },
    "data-cohort": {
      "cssVar": "--color-data-cohort",
      "value": "#367c3b",
      "usage": "Synced from src/theme/tokens/light.json (chart)"
    },
    "track-muted": {
      "cssVar": "--color-track-muted",
      "value": "#e8eaed",
      "usage": "Synced from src/theme/tokens/light.json (chart)"
    },
    "indicator-sort": {
      "cssVar": "--color-indicator-sort",
      "value": "#ae57ea",
      "usage": "Synced from src/theme/tokens/light.json (component)"
    },
    "indicator-filter": {
      "cssVar": "--color-indicator-filter",
      "value": "#687af1",
      "usage": "Synced from src/theme/tokens/light.json (component)"
    },
    "pin-switch-label-active": {
      "cssVar": "--color-pin-switch-label-active",
      "value": "#1f2b4d",
      "usage": "Synced from src/theme/tokens/light.json (component)"
    },
    "pin-switch-label-inactive": {
      "cssVar": "--color-pin-switch-label-inactive",
      "value": "#60697d",
      "usage": "Synced from src/theme/tokens/light.json (component)"
    },
    "pin-switch-track-bg": {
      "cssVar": "--color-pin-switch-track-bg",
      "value": "#f5f6fa",
      "usage": "Synced from src/theme/tokens/light.json (component)"
    },
    "pin-switch-track-border": {
      "cssVar": "--color-pin-switch-track-border",
      "value": "#eff2fa",
      "usage": "Synced from src/theme/tokens/light.json (component)"
    },
    "pin-switch-track-hover": {
      "cssVar": "--color-pin-switch-track-hover",
      "value": "#ebedf5",
      "usage": "Synced from src/theme/tokens/light.json (component)"
    },
    "sidebar-foreground": {
      "cssVar": "--color-sidebar-foreground",
      "value": "#ffffff",
      "usage": "Synced from src/theme/tokens/light.json (navigation)"
    },
    "sidebar-surface": {
      "cssVar": "--color-sidebar-surface",
      "value": "#0f1729",
      "usage": "Synced from src/theme/tokens/light.json (navigation)"
    },
    "sidebar-on-surface": {
      "cssVar": "--color-sidebar-on-surface",
      "value": "#ffffff",
      "usage": "Synced from src/theme/tokens/light.json (navigation)"
    },
    "sidebar-hover": {
      "cssVar": "--color-sidebar-hover",
      "value": "#141f38",
      "usage": "Synced from src/theme/tokens/light.json (navigation)"
    },
    "sidebar-on-hover": {
      "cssVar": "--color-sidebar-on-hover",
      "value": "#ffffff",
      "usage": "Synced from src/theme/tokens/light.json (navigation)"
    },
    "sidebar-border": {
      "cssVar": "--color-sidebar-border",
      "value": "#1b294b",
      "usage": "Synced from src/theme/tokens/light.json (navigation)"
    },
    "sidebar-ring": {
      "cssVar": "--color-sidebar-ring",
      "value": "#3b82f6",
      "usage": "Synced from src/theme/tokens/light.json (navigation)"
    },
    "sidebar-indicator": {
      "cssVar": "--color-sidebar-indicator",
      "value": "#00ff00",
      "usage": "Synced from src/theme/tokens/light.json (navigation)"
    },
    "sidebar-item-hover": {
      "cssVar": "--color-sidebar-item-hover",
      "value": "#303e6e",
      "usage": "Synced from src/theme/tokens/light.json (navigation)"
    },
    "sidebar-item-active": {
      "cssVar": "--color-sidebar-item-active",
      "value": "#1f2b4d",
      "usage": "Synced from src/theme/tokens/light.json (navigation)"
    },
    "sidebar-foreground-muted": {
      "cssVar": "--color-sidebar-foreground-muted",
      "value": "#7a8294",
      "usage": "Synced from src/theme/tokens/light.json (navigation)"
    },
    "sidebar-canvas": {
      "cssVar": "--color-sidebar-canvas",
      "value": "#f8f9fb",
      "usage": "Synced from src/theme/tokens/light.json (navigation)"
    },
    "tab-hover-border": {
      "cssVar": "--color-tab-hover-border",
      "value": "#c6ccf1",
      "usage": "Synced from src/theme/tokens/light.json (component)"
    },
    "tab-hover-surface": {
      "cssVar": "--color-tab-hover-surface",
      "value": "#f2f3fd",
      "usage": "Synced from src/theme/tokens/light.json (component)"
    },
    "tab-hover-foreground": {
      "cssVar": "--color-tab-hover-foreground",
      "value": "#7a83b8",
      "usage": "Synced from src/theme/tokens/light.json (component)"
    },
    "tab-active-border": {
      "cssVar": "--color-tab-active-border",
      "value": "#4259ee",
      "usage": "Synced from src/theme/tokens/light.json (component)"
    },
    "tab-active-surface": {
      "cssVar": "--color-tab-active-surface",
      "value": "#f8f9fb",
      "usage": "Synced from src/theme/tokens/light.json (component)"
    },
    "tab-active-foreground": {
      "cssVar": "--color-tab-active-foreground",
      "value": "#3649c6",
      "usage": "Synced from src/theme/tokens/light.json (component)"
    },
    "grid-pinned-row-background": {
      "cssVar": "--color-grid-pinned-row-background",
      "value": "#f4f1f9",
      "usage": "Synced from src/theme/tokens/light.json (stroke)"
    },
    "header-bot-gradient-teal": {
      "cssVar": "--color-header-bot-gradient-teal",
      "value": "#2ac2aa",
      "usage": "Synced from src/theme/tokens/light.json (component)"
    },
    "header-bot-gradient-indigo": {
      "cssVar": "--color-header-bot-gradient-indigo",
      "value": "#6666ef",
      "usage": "Synced from src/theme/tokens/light.json (component)"
    },
    "header-bot-gradient-orange": {
      "cssVar": "--color-header-bot-gradient-orange",
      "value": "#f26922",
      "usage": "Synced from src/theme/tokens/light.json (component)"
    },
    "header-bot-gradient-purple": {
      "cssVar": "--color-header-bot-gradient-purple",
      "value": "#8863c0",
      "usage": "Synced from src/theme/tokens/light.json (component)"
    },
    "header-bot-gradient-navy": {
      "cssVar": "--color-header-bot-gradient-navy",
      "value": "#0f1937",
      "usage": "Synced from src/theme/tokens/light.json (component)"
    },
    "header-bot-gradient-teal-hover": {
      "cssVar": "--color-header-bot-gradient-teal-hover",
      "value": "#2ac2ee",
      "usage": "Synced from src/theme/tokens/light.json (component)"
    },
    "header-bot-gradient-indigo-hover": {
      "cssVar": "--color-header-bot-gradient-indigo-hover",
      "value": "#6962ef",
      "usage": "Synced from src/theme/tokens/light.json (component)"
    },
    "header-bot-gradient-orange-hover": {
      "cssVar": "--color-header-bot-gradient-orange-hover",
      "value": "#f26921",
      "usage": "Synced from src/theme/tokens/light.json (component)"
    },
    "header-badge-gradient-from": {
      "cssVar": "--color-header-badge-gradient-from",
      "value": "#be77ee",
      "usage": "Synced from src/theme/tokens/light.json (component)"
    },
    "header-badge-gradient-to": {
      "cssVar": "--color-header-badge-gradient-to",
      "value": "#4259ee",
      "usage": "Synced from src/theme/tokens/light.json (component)"
    },
    "surface-subtle": {
      "cssVar": "--color-surface-subtle",
      "value": "#f8f9fb",
      "usage": "Synced from src/theme/tokens/light.json (canvas)"
    },
    "scrim": {
      "cssVar": "--color-scrim",
      "value": "hsl(0 0% 0% / 0.4)",
      "usage": "Synced from src/theme/tokens/light.json (overlay)"
    },
    "scrim-deep": {
      "cssVar": "--color-scrim-deep",
      "value": "hsl(0 0% 0% / 0.8)",
      "usage": "Synced from src/theme/tokens/light.json (overlay)"
    },
    "foreground-title": {
      "cssVar": "--color-foreground-title",
      "value": "#0d152c",
      "usage": "Synced from src/theme/tokens/light.json (content)"
    },
    "scrim-hover": {
      "cssVar": "--color-scrim-hover",
      "value": "hsl(0 0% 0% / 0.05)",
      "usage": "Synced from src/theme/tokens/light.json (overlay)"
    },
    "scrim-light": {
      "cssVar": "--color-scrim-light",
      "value": "hsl(0 0% 0% / 0.06)",
      "usage": "Synced from src/theme/tokens/light.json (overlay)"
    },
    "scrim-skeleton": {
      "cssVar": "--color-scrim-skeleton",
      "value": "hsl(0 0% 0% / 0.1)",
      "usage": "Synced from src/theme/tokens/light.json (overlay)"
    },
    "saved-view-surface-end": {
      "cssVar": "--color-saved-view-surface-end",
      "value": "#d7e5b2",
      "usage": "Synced from src/theme/tokens/light.json (component)"
    },
    "saved-view-surface-start": {
      "cssVar": "--color-saved-view-surface-start",
      "value": "#f5f9ec",
      "usage": "Synced from src/theme/tokens/light.json (component)"
    }
  },
  "typography": {
    "fontFamily": "Manrope, sans-serif",
    "scale": {
      "heading4": {
        "weight": 800,
        "sizePx": 16,
        "lineHeightPx": 24,
        "usage": "App header title"
      },
      "heading7": {
        "weight": 600,
        "sizePx": 14,
        "lineHeightPx": 21,
        "usage": "Section / accordion titles"
      },
      "body2": {
        "weight": 500,
        "sizePx": 14,
        "lineHeightPx": 20,
        "usage": "Default UI copy"
      },
      "body3": {
        "weight": 500,
        "sizePx": 12,
        "lineHeightPx": 16,
        "usage": "Labels, legends"
      }
    }
  },
  "layout": {
    "sidebarWidthPx": 64,
    "headerHeightPx": 52,
    "breadcrumbHeightPx": 56,
    "filterStripHeightPx": 48,
    "controlHeightPx": 32,
    "tableHeaderRowPx": 80,
    "tableBodyRowCompactPx": 46,
    "pagePaddingPx": 24,
    "cardRadiusPx": 8,
    "kpiCardWidthPx": 448
  },
  "radius": {
    "sm": "calc(var(--radius) - 4px)",
    "md": "var(--radius)",
    "lg": "calc(var(--radius) + 4px)",
    "default": "0.5rem",
    "button": "8px",
    "avatar": "12px"
  },
  "spacing": {
    "grid": "4px",
    "usage": "4px grid — prefer 8, 12, 16, 24 Tailwind steps"
  },
  "shadows": {
    "header": "0 8px 10px/2 rgba(0,0,0,0.06)",
    "cardSmall": "0 0 16px 2px rgba(0,0,0,0.06)"
  }
}