{
  "name": "ReachOut Design System",
  "version": "1.0.0",
  "reference": {
    "stylebook": "https://stage.usereachout.com/design",
    "docs": "https://stage.usereachout.com/docs/design.md"
  },
  "themes": {
    "shared": {
      "--font-sans": "\"Fira Sans\", system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif",
      "--font-body": "\"Inter Variable\", system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif",
      "--font-mono": "\"Fira Code Variable\", \"SFMono-Regular\", Consolas, monospace",
      "--sans": "var(--font-sans)",
      "--display": "var(--font-sans)",
      "--serif": "var(--font-body)",
      "--mono": "var(--font-mono)",
      "--text-5xs": "8.5px",
      "--text-4xs": "9px",
      "--text-3xs": "9.5px",
      "--text-2xs": "10px",
      "--text-xxs": "10.5px",
      "--text-xs": "11px",
      "--text-xs-plus": "11.5px",
      "--text-sm-compact": "12px",
      "--text-sm": "13px",
      "--text-base": "16px",
      "--text-md": "18px",
      "--text-lg": "21px",
      "--text-xl": "24px",
      "--text-2xl": "28px",
      "--text-3xl": "32px",
      "--text-4xl": "42px",
      "--text-5xl": "56px",
      "--weight-regular": "400",
      "--weight-medium": "500",
      "--weight-semi": "600",
      "--weight-bold": "700",
      "--lh-tight": "1.1",
      "--lh-snug": "1.25",
      "--lh-body": "1.55",
      "--lh-ui": "1.4",
      "--tracking-tight": "-0.02em",
      "--tracking-snug": "-0.01em",
      "--tracking-normal": "0",
      "--tracking-wide": "0.04em",
      "--tracking-mono": "0.08em",
      "--type-ui": "var(--text-sm)",
      "--type-small": "12px",
      "--type-micro": "var(--text-xs)",
      "--type-mono-scale": "0.93em",
      "--radius-xs": "2px",
      "--radius-accent": "3px",
      "--radius-sm": "4px",
      "--radius-md": "6px",
      "--radius-lg": "7px",
      "--radius-xl": "10px",
      "--radius-full": "999px",
      "--space-1": "4px",
      "--space-2": "8px",
      "--space-3": "12px",
      "--space-4": "16px",
      "--space-5": "20px",
      "--space-6": "24px",
      "--space-8": "32px",
      "--space-10": "40px",
      "--space-12": "48px",
      "--space-16": "64px",
      "--space-20": "80px",
      "--shadow-soft": "0 1px 2px rgba(15, 23, 42, 0.06)",
      "--shadow-pop": "0 16px 36px rgba(15, 23, 42, 0.13)",
      "--shadow-modal": "0 24px 64px rgba(0, 0, 0, 0.28)",
      "--dur-instant": "80ms",
      "--dur-fast": "140ms",
      "--dur-base": "220ms",
      "--dur-slow": "360ms",
      "--dur-chart": "640ms",
      "--ease-standard": "cubic-bezier(0.22, 0.61, 0.36, 1)",
      "--ease-emphasized": "cubic-bezier(0.2, 0, 0, 1)",
      "--ease-spring": "cubic-bezier(0.34, 1.4, 0.64, 1)",
      "--focus-ring": "0 0 0 3px color-mix(in oklch, var(--accent) 22%, transparent)",
      "--z-base": "1",
      "--z-sticky": "5",
      "--z-rail": "6",
      "--z-dropdown": "30",
      "--z-popover": "50",
      "--z-modal": "100",
      "--z-toast": "200",
      "--z-tooltip": "300",
      "--font-display-keyword": "var(--font-mono)",
      "--display-keyword-weight": "700",
      "--display-keyword-scale": "0.92em",
      "--font-action": "var(--font-mono)",
      "--ease-console": "steps(2)",
      "--dur-cursor-blink": "1.06s",
      "--dur-print-stagger": "150ms",
      "--texture-dot-size": "22px",
      "--texture-dots": "radial-gradient(\n    color-mix(in oklch, var(--accent) 10%, transparent) 1px,\n    transparent 1px\n  )",
      "--diff-strike": "color-mix(in oklch, var(--negative) 70%, transparent)"
    },
    "dark": {
      "--bg": "oklch(0.145 0 0)",
      "--bg-elev": "oklch(0.205 0 0)",
      "--bg-sunken": "oklch(0.269 0 0)",
      "--surface": "oklch(0.205 0 0)",
      "--ink": "oklch(0.985 0 0)",
      "--ink-muted": "oklch(0.708 0 0)",
      "--ink-dim": "oklch(0.556 0 0)",
      "--line": "oklch(0.275 0 0)",
      "--line-bright": "oklch(0.325 0 0)",
      "--accent": "oklch(0.527 0.2 260)",
      "--accent-deep": "oklch(0.43 0.18 260)",
      "--accent-soft": "oklch(0.3 0.14 260)",
      "--accent-fg": "oklch(0.985 0 0)",
      "--accent-50": "oklch(0.95 0.04 260)",
      "--accent-100": "oklch(0.86 0.09 260)",
      "--accent-200": "oklch(0.76 0.13 260)",
      "--accent-300": "oklch(0.65 0.17 260)",
      "--accent-400": "oklch(0.59 0.19 260)",
      "--accent-500": "oklch(0.527 0.2 260)",
      "--accent-600": "oklch(0.43 0.18 260)",
      "--accent-700": "oklch(0.34 0.14 260)",
      "--accent-800": "oklch(0.25 0.1 260)",
      "--accent-900": "oklch(0.17 0.07 260)",
      "--positive": "oklch(0.72 0.18 145)",
      "--positive-soft": "oklch(0.32 0.1 145)",
      "--positive-deep": "oklch(0.55 0.18 145)",
      "--negative": "oklch(0.65 0.22 27)",
      "--negative-soft": "oklch(0.32 0.1 27)",
      "--negative-deep": "oklch(0.5 0.22 27)",
      "--warning": "oklch(0.74 0.17 70)",
      "--warning-soft": "oklch(0.32 0.1 70)",
      "--warning-deep": "oklch(0.6 0.17 70)",
      "--err": "var(--negative)",
      "--info": "var(--accent)",
      "--ok": "var(--positive)",
      "--warn": "var(--warning)",
      "--cli": "var(--accent)",
      "--mcp": "var(--accent-deep)",
      "--chart-1": "oklch(0.65 0.19 260)",
      "--chart-2": "oklch(0.72 0.18 145)",
      "--chart-3": "oklch(0.76 0.15 70)",
      "--chart-4": "oklch(0.68 0.21 27)",
      "--chart-5": "oklch(0.66 0.18 300)",
      "--chart-6": "oklch(0.74 0.12 200)",
      "--chart-7": "oklch(0.7 0.17 340)",
      "--chart-8": "oklch(0.76 0.15 110)",
      "--grid-line": "rgba(255, 255, 255, 0.075)",
      "--overlay": "rgba(21, 21, 21, 0.78)",
      "--backdrop": "rgba(0, 0, 0, 0.55)"
    },
    "light": {
      "--bg": "oklch(1 0 0)",
      "--bg-elev": "oklch(1 0 0)",
      "--bg-sunken": "oklch(0.97 0 0)",
      "--surface": "oklch(1 0 0)",
      "--ink": "oklch(0.145 0 0)",
      "--ink-muted": "oklch(0.556 0 0)",
      "--ink-dim": "oklch(0.48 0 0)",
      "--line": "oklch(0.922 0 0)",
      "--line-bright": "oklch(0.86 0 0)",
      "--accent": "oklch(0.527 0.2 260)",
      "--accent-deep": "oklch(0.43 0.18 260)",
      "--accent-soft": "oklch(0.94 0.05 260)",
      "--accent-fg": "oklch(0.985 0 0)",
      "--accent-50": "oklch(0.97 0.03 260)",
      "--accent-100": "oklch(0.92 0.07 260)",
      "--accent-200": "oklch(0.83 0.12 260)",
      "--accent-300": "oklch(0.7 0.17 260)",
      "--accent-400": "oklch(0.6 0.19 260)",
      "--accent-500": "oklch(0.527 0.2 260)",
      "--accent-600": "oklch(0.43 0.18 260)",
      "--accent-700": "oklch(0.34 0.14 260)",
      "--accent-800": "oklch(0.24 0.1 260)",
      "--accent-900": "oklch(0.16 0.07 260)",
      "--positive": "oklch(0.55 0.18 145)",
      "--positive-soft": "oklch(0.93 0.08 145)",
      "--positive-deep": "oklch(0.45 0.18 145)",
      "--negative": "oklch(0.55 0.22 27)",
      "--negative-soft": "oklch(0.93 0.07 27)",
      "--negative-deep": "oklch(0.45 0.22 27)",
      "--warning": "oklch(0.62 0.17 70)",
      "--warning-soft": "oklch(0.94 0.1 70)",
      "--warning-deep": "oklch(0.5 0.17 70)",
      "--err": "var(--negative)",
      "--info": "var(--accent)",
      "--ok": "var(--positive)",
      "--warn": "var(--warning)",
      "--cli": "var(--accent)",
      "--mcp": "var(--accent-deep)",
      "--chart-1": "oklch(0.527 0.2 260)",
      "--chart-2": "oklch(0.55 0.18 145)",
      "--chart-3": "oklch(0.62 0.16 70)",
      "--chart-4": "oklch(0.55 0.22 27)",
      "--chart-5": "oklch(0.52 0.19 300)",
      "--chart-6": "oklch(0.58 0.13 200)",
      "--chart-7": "oklch(0.56 0.18 340)",
      "--chart-8": "oklch(0.6 0.16 110)",
      "--grid-line": "rgba(0, 0, 0, 0.035)",
      "--overlay": "rgba(255, 255, 255, 0.88)",
      "--backdrop": "rgba(15, 23, 42, 0.32)",
      "--texture-dots": "radial-gradient(\n    color-mix(in oklch, var(--accent) 8%, transparent) 1px,\n    transparent 1px\n  )"
    }
  }
}