{
  "$description": "Pro Exteriors design system v1.0 — the one token source. Every value an app renders comes from here. Hand-edited; scripts/build.py writes dist/. Production values from CRM/CC are pinned (Chris 2026-11-04: CC/CRM win any discrepancy). Ramps for navy, red, gold, green and blue are OKLCH ramps from color_system.py with the production value pinned; gray is the Tailwind cool-gray ramp CRM and CC already render (Chris chose ramp A).",
  "version": "1.2.0",
  "ramp": {
    "navy": {
      "50": "#F3F6FF",
      "100": "#E3E9FF",
      "200": "#C8D2FF",
      "300": "#AAB6EC",
      "400": "#8B97D3",
      "500": "#6E79B6",
      "600": "#535D96",
      "700": "#3B4374",
      "800": "#282E53",
      "850": "#1D213F",
      "900": "#11133F",
      "950": "#0A0C27"
    },
    "red": {
      "50": "#FFF4F2",
      "100": "#FFE4E0",
      "200": "#FFC8C1",
      "300": "#FFA096",
      "400": "#FF6A61",
      "500": "#ED3334",
      "600": "#C22326",
      "700": "#9B1C1F",
      "800": "#7B000B",
      "900": "#520004"
    },
    "gold": {
      "50": "#FFF3E4",
      "100": "#FFE3BD",
      "200": "#FFC570",
      "300": "#EAA221",
      "400": "#CA8900",
      "500": "#A87100",
      "600": "#885A00",
      "700": "#694500",
      "800": "#4E3200"
    },
    "green": {
      "50": "#E8FEEE",
      "100": "#D9F5E1",
      "200": "#C1E5CC",
      "300": "#A2D0B0",
      "500": "#669E79",
      "600": "#4C8560",
      "700": "#3B6B4C",
      "800": "#225235",
      "900": "#123520"
    },
    "blue": {
      "50": "#F1F7FF",
      "100": "#DEECFF",
      "200": "#BDD9FF",
      "300": "#90BFFF",
      "500": "#0E81FA",
      "600": "#0066CC",
      "700": "#004E9F",
      "800": "#003979"
    },
    "gray": {
      "0": "#FFFFFF",
      "50": "#F9FAFB",
      "100": "#F3F4F6",
      "200": "#E5E7EB",
      "300": "#D1D5DB",
      "400": "#9CA3AF",
      "500": "#6B7280",
      "600": "#4B5563",
      "700": "#374151",
      "800": "#1F2937",
      "900": "#111827",
      "950": "#030712"
    },
    "amber": {
      "50": "#FFFBEB",
      "100": "#FEF3C7",
      "600": "#D97706",
      "800": "#92400E"
    },
    "rose": {
      "50": "#FEF2F2",
      "100": "#FEE2E2",
      "600": "#DC2626",
      "900": "#7F1D1D"
    }
  },
  "role": {
    "light": {
      "page": "gray.50",
      "surface": "gray.0",
      "surface-sunken": "gray.100",
      "surface-hover": "gray.100",
      "surface-selected": "navy.50",
      "border": "gray.200",
      "border-strong": "gray.300",
      "border-control": "gray.500",
      "text": "gray.900",
      "text-secondary": "gray.700",
      "text-muted": "gray.600",
      "text-disabled": "gray.400",
      "structure": "navy.900",
      "structure-deep": "navy.950",
      "structure-tint": "navy.50",
      "on-structure": "gray.0",
      "on-structure-muted": "navy.300",
      "wayfinding": "gold.300",
      "wayfinding-soft": "gold.50",
      "action": "red.600",
      "action-hover": "red.700",
      "action-pressed": "red.800",
      "on-action": "gray.0",
      "link": "blue.600",
      "link-hover": "blue.700",
      "focus": "blue.600",
      "focus-on-structure": "gold.300",
      "good": "green.700",
      "good-soft": "green.100",
      "warning": "amber.800",
      "warning-fill": "amber.600",
      "warning-soft": "amber.100",
      "danger": "rose.600",
      "danger-text": "rose.900",
      "danger-soft": "rose.50",
      "info": "blue.600",
      "info-soft": "blue.50",
      "overlay": "rgba(17,19,63,.48)"
    },
    "dark": {
      "page": "#0D1322",
      "surface": "#111827",
      "surface-sunken": "#0D1322",
      "surface-hover": "#1B2332",
      "surface-selected": "navy.850",
      "border": "#282F3C",
      "border-strong": "#363C49",
      "border-control": "gray.500",
      "text": "gray.50",
      "text-secondary": "#C6C8CC",
      "text-muted": "#9CA0A6",
      "text-disabled": "gray.600",
      "structure": "navy.950",
      "structure-deep": "#05061A",
      "structure-tint": "navy.850",
      "on-structure": "gray.0",
      "on-structure-muted": "navy.300",
      "wayfinding": "gold.300",
      "wayfinding-soft": "gold.800",
      "action": "red.600",
      "action-hover": "red.700",
      "action-pressed": "red.800",
      "on-action": "gray.0",
      "link": "blue.300",
      "link-hover": "blue.200",
      "focus": "blue.300",
      "focus-on-structure": "gold.300",
      "good": "green.300",
      "good-soft": "green.900",
      "warning": "gold.200",
      "warning-fill": "gold.400",
      "warning-soft": "gold.800",
      "danger": "red.400",
      "danger-text": "red.300",
      "danger-soft": "red.900",
      "info": "blue.300",
      "info-soft": "blue.800",
      "overlay": "rgba(0,0,0,.6)"
    }
  },
  "viz": {
    "light": [
      "#A2274C",
      "#A77600",
      "#504CB4",
      "#008FA9"
    ],
    "dark": [
      "#D35574",
      "#CB9E00",
      "#7577E3",
      "#00B8D7"
    ],
    "other": "#91949C",
    "highlight": "#C22326"
  },
  "font": {
    "family-sans": "\"Inter\", ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, sans-serif",
    "family-mono": "ui-monospace, \"SF Mono\", Menlo, Consolas, monospace",
    "weight-regular": "400",
    "weight-medium": "500",
    "weight-semibold": "600",
    "weight-bold": "700",
    "weight-heavy": "800",
    "size-xs": "12px",
    "size-sm": "13px",
    "size-body": "14px",
    "size-input": "16px",
    "size-lg": "16px",
    "size-h3": "18px",
    "size-h2": "20px",
    "size-h1": "24px",
    "size-display": "30px",
    "leading-tight": "1.2",
    "leading-snug": "1.35",
    "leading-body": "1.5",
    "tracking-label": "0.04em"
  },
  "space": {
    "0": "0",
    "1": "4px",
    "2": "8px",
    "3": "12px",
    "4": "16px",
    "5": "20px",
    "6": "24px",
    "8": "32px",
    "10": "40px",
    "12": "48px",
    "16": "64px"
  },
  "radius": {
    "control": "8px",
    "card": "12px",
    "pill": "9999px"
  },
  "border": {
    "width": "1px",
    "width-strong": "2px"
  },
  "elevation": {
    "overlay": "0 20px 60px rgba(17,19,63,.18)"
  },
  "size": {
    "control": "40px",
    "control-touch": "48px",
    "control-primary-touch": "56px",
    "rail": "240px",
    "rail-collapsed": "72px",
    "header": "64px",
    "tabbar": "64px",
    "logo-rail-width": "208px",
    "logo-rail-height": "85px",
    "logo-header-height": "32px",
    "content-max": "1440px",
    "row": "40px",
    "row-compact": "32px",
    "nest-indent": "20px",
    "list-page": "10"
  },
  "breakpoint": {
    "phone": "760px",
    "rail-icons": "1100px",
    "wide": "1440px"
  },
  "motion": {
    "fast": "150ms",
    "base": "200ms",
    "slow": "300ms",
    "ease": "cubic-bezier(.2,0,0,1)"
  },
  "z": {
    "sticky": "10",
    "rail": "20",
    "header": "30",
    "overlay": "40",
    "toast": "50"
  }
}