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