version: 1.0.0
namespace: qhr
category: primitives
description: Raw primitive design values across color ramps, spacing scales, radii, and shadows

color:
  blue:
    50: "#eff6ff"
    100: "#dbeafe"
    200: "#bfdbfe"
    300: "#93c5fd"
    400: "#60a5fa"
    500: "#3b82f6"
    600: "#0b6bcb"
    700: "#0958a5"
    800: "#084784"
    900: "#073b6d"
    950: "#042446"

  slate:
    50: "#f8fafc"
    100: "#f1f5f9"
    200: "#e2e8f0"
    300: "#cbd5e1"
    400: "#94a3b8"
    500: "#64748b"
    600: "#475569"
    700: "#334155"
    800: "#1e293b"
    900: "#0f172a"
    950: "#020617"

  emerald:
    50: "#ecfdf5"
    100: "#d1fae5"
    200: "#a7f3d0"
    300: "#6ee7b7"
    400: "#34d399"
    500: "#10b981"
    600: "#059669"
    700: "#047857"
    800: "#065f46"
    900: "#064e3b"
    950: "#022c22"

  amber:
    50: "#fffbeb"
    100: "#fef3c7"
    200: "#fde68a"
    300: "#fcd34d"
    400: "#fbbf24"
    500: "#f59e0b"
    600: "#d97706"
    700: "#b45309"
    800: "#92400e"
    900: "#78350f"
    950: "#451a03"

  rose:
    50: "#fff1f2"
    100: "#ffe4e6"
    200: "#fecdd3"
    300: "#fda4af"
    400: "#fb7185"
    500: "#f43f5e"
    600: "#e11d48"
    700: "#be123c"
    800: "#9f1239"
    900: "#881337"
    950: "#4c0519"

space:
  0: "0px"
  0-5: "2px"
  1: "4px"
  1-5: "6px"
  2: "8px"
  2-5: "10px"
  3: "12px"
  3-5: "14px"
  4: "16px"
  5: "20px"
  6: "24px"
  8: "32px"
  10: "40px"
  12: "48px"
  16: "64px"
  20: "80px"
  24: "96px"

radius:
  none: "0px"
  xs: "4px"
  sm: "6px"
  md: "10px"
  lg: "16px"
  xl: "24px"
  full: "9999px"
  pill: "9999px"

shadow:
  none: "none"
  xs: "0 1px 2px 0 rgba(0, 0, 0, 0.05)"
  sm: "0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1)"
  md: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1)"
  lg: "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1)"
  xl: "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1)"