{
  "meta": {
    "project": "soft-ui-dashboard-tailwind",
    "sourceApproach": "tailwind",
    "primaryFont": "Open Sans",
    "colorMode": "both"
  },
  "colors": {
    "primary": {
      "50": "#f0f9ff",
      "100": "#e0f2fe",
      "200": "#bae6fd",
      "300": "#7dd3fc",
      "400": "#38bdf8",
      "500": "#17c1e8",
      "600": "#0891b2",
      "700": "#0e7490",
      "800": "#155e75",
      "900": "#0e456d",
      "DEFAULT": "#17c1e8"
    },
    "semantic": {
      "success": "#82d616",
      "warning": "#f59e0b",
      "error": "#ea0606",
      "info": "#17c1e8"
    },
    "neutrals": {
      "white": "#ffffff",
      "black": "#000000",
      "gray": {
        "50": "#f8f9fa",
        "100": "#ebeff4",
        "500": "#adb5bd",
        "900": "#141727"
      }
    },
    "brand": {
      "slate-700": "#344767",
      "slate-800": "#3a416f",
      "slate-900": "#0f172a",
      "purple-500": "#7928ca",
      "pink-500": "#ff0080",
      "fuchsia-500": "#cb0c9f"
    }
  },
  "typography": {
    "fontFamilies": {
      "sans": "Open Sans, sans-serif",
      "mono": "SFMono-Regular, Menlo, Monaco, Consolas, monospace"
    },
    "sizes": {
      "xs": "0.75rem",
      "sm": "0.875rem",
      "base": "1rem",
      "lg": "1.125rem",
      "xl": "1.25rem",
      "2xl": "1.5rem",
      "3xl": "1.875rem",
      "4xl": "2.25rem"
    },
    "weights": {
      "light": 300,
      "normal": 400,
      "medium": 500,
      "semibold": 600,
      "bold": 700
    },
    "lineHeights": {
      "tight": 1.25,
      "normal": 1.5,
      "relaxed": 1.625
    }
  },
  "spacing": {
    "1": "0.25rem",
    "2": "0.5rem",
    "3": "0.75rem",
    "4": "1rem",
    "6": "1.5rem",
    "8": "2rem",
    "12": "3rem",
    "16": "4rem"
  },
  "shadows": {
    "sm": "0 .25rem .375rem -.0625rem hsla(0,0%,8%,.12),0 .125rem .25rem -.0625rem hsla(0,0%,8%,.07)",
    "md": "0 4px 7px -1px rgba(0,0,0,.11),0 2px 4px -1px rgba(0,0,0,.07)",
    "lg": "0 2px 12px 0 rgba(0,0,0,.16)",
    "xl": "0 20px 27px 0 rgba(0,0,0,0.05)"
  },
  "borders": {
    "radius": {
      "sm": "0.125rem",
      "md": "0.375rem",
      "lg": "0.5rem",
      "xl": "0.75rem",
      "full": "9999px"
    },
    "width": {
      "default": "1px",
      "2": "2px"
    }
  },
  "breakpoints": {
    "sm": "576px",
    "md": "768px",
    "lg": "992px",
    "xl": "1200px",
    "2xl": "1320px"
  }
}