{
  "meta": {
    "name": "ChatKcal legacy visual language",
    "status": "provisional-preservation-baseline",
    "capturedOn": "2026-08-08",
    "sourceCommit": "35555a192b535ee812e11112083e460ce18dc5fe",
    "source": [
      "frontend/tailwind.config.js",
      "frontend/src/index.css",
      "frontend/src/pages/Dashboard.tsx",
      "frontend/src/pages/Marketing.tsx",
      "frontend/src/components/ProgressBar.tsx",
      "frontend/src/components/SettingsModal.tsx",
      "frontend/src/features/dashboard/components/DailyTotalsVertical.tsx",
      "frontend/src/features/dashboard/components/MealItem.tsx",
      "frontend/src/features/dashboard/components/MealList.tsx"
    ],
    "note": "These values are extracted from the current Tailwind utilities and component contracts. They are a migration input, not evidence that the legacy app already centralizes its tokens."
  },
  "color": {
    "neutral": {
      "white": "#ffffff",
      "black": "#000000",
      "zinc50": "#fafafa",
      "zinc100": "#f4f4f5",
      "zinc200": "#e4e4e7",
      "zinc300": "#d4d4d8",
      "zinc400": "#a1a1aa",
      "zinc500": "#71717a",
      "zinc600": "#52525b",
      "zinc700": "#3f3f46",
      "zinc800": "#27272a",
      "zinc900": "#18181b",
      "zinc950": "#09090b"
    },
    "nutrient": {
      "calories": "#2563eb",
      "protein": "#f43f5e",
      "carbs": "#f59e0b",
      "fat": "#a855f7",
      "fiber": "#10b981",
      "sodium": "#0ea5e9",
      "sugar": "#ec4899",
      "fallback": "#a1a1aa",
      "archived": "#e4e4e7"
    },
    "semantic": {
      "canvas": "#ffffff",
      "surfaceSubtle": "#fafafa",
      "surfaceMuted": "#f4f4f5",
      "borderSubtle": "#f4f4f5",
      "borderDefault": "#e4e4e7",
      "borderInteractive": "#d4d4d8",
      "textStrong": "#18181b",
      "textBody": "#52525b",
      "textSecondary": "#71717a",
      "textMuted": "#a1a1aa",
      "textFaint": "#d4d4d8",
      "actionPrimary": "#18181b",
      "actionPrimaryHover": "#27272a",
      "actionOnPrimary": "#ffffff",
      "focusDefault": "#3b82f6",
      "infoSurface": "#eff6ff",
      "infoBorder": "#bfdbfe",
      "infoText": "#1e3a8a",
      "warningSurface": "#fffbeb",
      "warningBorder": "#fde68a",
      "warningText": "#92400e",
      "dangerSurface": "#fef2f2",
      "dangerBorder": "#fecaca",
      "dangerText": "#b91c1c",
      "marketingAccentStart": "#2563eb",
      "marketingAccentEnd": "#7c3aed"
    }
  },
  "typography": {
    "family": {
      "sansPreferred": "Inter",
      "sansFallback": [
        "system-ui",
        "-apple-system",
        "sans-serif"
      ],
      "mono": "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace"
    },
    "weight": {
      "regular": 400,
      "medium": 500,
      "semibold": 600,
      "bold": 700,
      "black": 900
    },
    "sizePx": {
      "micro": 8,
      "microLabel": 9,
      "metric": 10,
      "metricPrimary": 11,
      "caption": 12,
      "control": 14,
      "body": 16,
      "bodyLarge": 18,
      "title": 20,
      "pageTitle": 24,
      "displaySmall": 48,
      "displayMedium": 60,
      "displayLarge": 72
    },
    "tracking": {
      "tightEm": "-0.025em",
      "wideEm": "0.025em",
      "widerEm": "0.05em",
      "widestEm": "0.1em"
    }
  },
  "spacePx": {
    "0": 0,
    "1": 2,
    "2": 4,
    "3": 6,
    "4": 8,
    "5": 12,
    "6": 16,
    "7": 24,
    "8": 32,
    "9": 48
  },
  "radiusPx": {
    "small": 4,
    "medium": 6,
    "control": 8,
    "card": 12,
    "panel": 16,
    "dialogLarge": 28,
    "pill": 9999
  },
  "shadow": {
    "small": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
    "medium": "0 4px 6px -1px rgb(0 0 0 / 0.10), 0 2px 4px -2px rgb(0 0 0 / 0.10)",
    "large": "0 10px 15px -3px rgb(0 0 0 / 0.10), 0 4px 6px -4px rgb(0 0 0 / 0.10)",
    "extraLarge": "0 20px 25px -5px rgb(0 0 0 / 0.10), 0 8px 10px -6px rgb(0 0 0 / 0.10)",
    "doubleExtraLarge": "0 25px 50px -12px rgb(0 0 0 / 0.25)"
  },
  "motion": {
    "durationMs": {
      "entrance": 200,
      "layout": 300,
      "progress": 500
    },
    "easing": {
      "standardOut": "ease-out"
    },
    "scale": {
      "pressPrimary": 0.98,
      "pressIcon": 0.96,
      "pressCompact": 0.95,
      "entranceFrom": 0.95
    },
    "progressLapDarkeningStep": 0.15
  },
  "layout": {
    "breakpointPx": {
      "small": 640,
      "medium": 768,
      "large": 1024
    },
    "contentMaxWidthPx": 1024,
    "pageGutterPx": 24,
    "desktopColumnGapPx": 48,
    "mobileStackGapPx": 24,
    "settingsDialogMaxWidthPx": 384,
    "guidedDialogMaxWidthPx": 448,
    "touchTargetPx": 44
  },
  "component": {
    "dailyTotals": {
      "panelPaddingMobilePx": 16,
      "panelPaddingDesktopPx": 24,
      "primaryBarHeightPx": 32,
      "secondaryBarHeightPx": 24,
      "compactBarHeightPx": 12,
      "expandedBarGapPx": 8,
      "compactBarGapPx": 0,
      "trackColor": "#e4e4e7",
      "overTargetDivider": "rgb(255 255 255 / 0.50)"
    },
    "mealCard": {
      "paddingPx": 16,
      "emojiWellPx": 40,
      "radiusPx": 12
    },
    "settings": {
      "paddingPx": 24,
      "radiusPx": 16,
      "maxHeightViewportPercent": 90,
      "backdrop": "rgb(0 0 0 / 0.50)"
    }
  }
}