{
  "meta": {
    "name": "MagicBlocks Brand Kit",
    "version": "1.0.0",
    "tagline": "Every lead. Every time. In minutes.",
    "primaryUrl": "https://magicblocks.ai",
    "kitUrl": "https://brand.magicblocks.ai"
  },
  "colours": {
    "ink": "#191E32",
    "paper": "#FFFFFF",
    "accent": "#FF3F7A",
    "pink": {
      "300": "#FE84A9",
      "500": "#FF5B8D",
      "700": "#FF3F7A"
    },
    "yellow": {
      "300": "#FFD878",
      "500": "#F9C33E",
      "700": "#F9AD03"
    },
    "green": {
      "300": "#7DF4D0",
      "500": "#47DDB2",
      "700": "#37BC9B"
    },
    "blue": {
      "300": "#5BD9FC",
      "500": "#30C4F2",
      "700": "#1FAAE8"
    },
    "slate": "#466099",
    "lavender": "#6E90CC",
    "warm": {
      "1": "#FBF6F0",
      "2": "#F9F1E8",
      "3": "#F4ECE4",
      "5": "#E8DBCB",
      "7": "#D2BFAA"
    },
    "success": "#37BC9B",
    "error": "#D64545",
    "warning": "#F9AD03",
    "info": "#1FAAE8"
  },
  "typography": {
    "display": {
      "family": "Bricolage Grotesque",
      "useFor": "headlines, display, big numbers",
      "weights": [],
      "italic": false,
      "googleFontsUrl": "https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&display=swap",
      "fallbackStack": "system-ui, sans-serif"
    },
    "body": {
      "family": "DM Sans",
      "useFor": "body, UI, paragraphs",
      "weights": [],
      "italic": false,
      "googleFontsUrl": "https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,100..1000&display=swap",
      "fallbackStack": "system-ui, sans-serif"
    },
    "mono": {
      "family": "JetBrains Mono",
      "useFor": "code, tokens, hex values, technical",
      "weights": [],
      "italic": false,
      "googleFontsUrl": "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&display=swap",
      "fallbackStack": "system-ui, sans-serif"
    },
    "serif": {
      "family": "Serif",
      "useFor": "",
      "weights": [],
      "italic": false,
      "googleFontsUrl": "",
      "fallbackStack": "system-ui, sans-serif"
    }
  },
  "spacing": {
    "s1": "4px",
    "s2": "8px",
    "s3": "12px",
    "s4": "16px",
    "s5": "20px",
    "s6": "24px",
    "s7": "32px",
    "s8": "40px",
    "s9": "48px"
  },
  "radius": {
    "xs": "4px",
    "sm": "6px",
    "md": "10px",
    "lg": "14px",
    "xl": "20px",
    "2xl": "28px",
    "pill": "999px"
  },
  "motion": {
    "durations": {
      "1": "100ms",
      "2": "160ms",
      "3": "240ms",
      "4": "400ms"
    },
    "easings": {
      "ease": "cubic-bezier(0.2, 0.8, 0.2, 1)"
    }
  },
  "shadows": {
    "1": "0 1px 2px rgba(25, 30, 50, 0.06), 0 1px 1px rgba(25, 30, 50, 0.04)",
    "2": "0 4px 10px rgba(25, 30, 50, 0.08), 0 1px 2px rgba(25, 30, 50, 0.06)",
    "3": "0 10px 28px rgba(25, 30, 50, 0.12), 0 2px 4px rgba(25, 30, 50, 0.06)",
    "4": "0 24px 56px rgba(25, 30, 50, 0.18), 0 4px 8px rgba(25, 30, 50, 0.08)",
    "pink": "0 12px 40px rgba(255, 63, 122, 0.28)",
    "focus": "0 0 0 3px rgba(255, 63, 122, 0.28)"
  },
  "minimumSizes": {
    "fullLockupPx": 120,
    "iconPx": 24,
    "wordmarkPx": 90,
    "fullLockupMm": 30,
    "iconMm": 8
  },
  "cssVariables": {
    "--ink": "#191E32",
    "--slate": "#466099",
    "--lavender": "#6E90CC",
    "--paper": "#FFFFFF",
    "--warm-1": "#FBF6F0",
    "--warm-2": "#F9F1E8",
    "--warm-3": "#F4ECE4",
    "--warm-5": "#E8DBCB",
    "--warm-7": "#D2BFAA",
    "--pink-300": "#FE84A9",
    "--pink-500": "#FF5B8D",
    "--pink-700": "#FF3F7A",
    "--yellow-300": "#FFD878",
    "--yellow-500": "#F9C33E",
    "--yellow-700": "#F9AD03",
    "--green-300": "#7DF4D0",
    "--green-500": "#47DDB2",
    "--green-700": "#37BC9B",
    "--blue-300": "#5BD9FC",
    "--blue-500": "#30C4F2",
    "--blue-700": "#1FAAE8",
    "--bg": "var(--warm-3)",
    "--bg-paper": "var(--paper)",
    "--bg-sunk": "var(--warm-5)",
    "--bg-sunken": "var(--warm-5)",
    "--bg-warm": "var(--warm-2)",
    "--bg-deep": "var(--warm-7)",
    "--fg": "var(--ink)",
    "--fg-soft": "rgba(25, 30, 50, 0.78)",
    "--fg-dim": "rgba(25, 30, 50, 0.7)",
    "--fg-faint": "rgba(25, 30, 50, 0.6)",
    "--hair": "rgba(25, 30, 50, 0.12)",
    "--hair-soft": "rgba(25, 30, 50, 0.06)",
    "--hair-warm": "rgba(139, 115, 85, 0.18)",
    "--hair-warm-soft": "rgba(139, 115, 85, 0.10)",
    "--industry-accent": "var(--accent)",
    "--accent": "var(--pink-700)",
    "--accent-soft": "rgba(255, 63, 122, 0.12)",
    "--success": "var(--green-700)",
    "--success-soft": "rgba(55, 188, 155, 0.14)",
    "--warning": "var(--yellow-700)",
    "--warning-soft": "rgba(249, 173, 3, 0.16)",
    "--info": "var(--blue-700)",
    "--info-soft": "rgba(31, 170, 232, 0.14)",
    "--error": "#D64545",
    "--error-soft": "rgba(214, 69, 69, 0.12)",
    "--accent-text": "var(--accent)",
    "--success-text": "#1E6B44",
    "--info-text": "#1463A1",
    "--warning-text": "#8A5A00",
    "--error-text": "var(--error)",
    "--glow-pink": "rgba(255, 63, 122, 0.06)",
    "--glow-blue": "rgba(31, 170, 232, 0.04)",
    "--glow-warm": "rgba(249, 195, 62, 0.03)",
    "--stage-hash": "rgba(25, 30, 50, 0.035)",
    "--s-1": "4px",
    "--s-2": "8px",
    "--s-3": "12px",
    "--s-4": "16px",
    "--s-5": "20px",
    "--s-6": "24px",
    "--s-7": "32px",
    "--s-8": "40px",
    "--s-9": "48px",
    "--s-10": "64px",
    "--s-11": "80px",
    "--s-12": "96px",
    "--s-13": "128px",
    "--r-xs": "4px",
    "--r-sm": "6px",
    "--r-md": "10px",
    "--r-lg": "14px",
    "--r-xl": "20px",
    "--r-2xl": "28px",
    "--r-pill": "999px",
    "--sh-0": "none",
    "--sh-1": "0 1px 2px rgba(25, 30, 50, 0.06), 0 1px 1px rgba(25, 30, 50, 0.04)",
    "--sh-2": "0 4px 10px rgba(25, 30, 50, 0.08), 0 1px 2px rgba(25, 30, 50, 0.06)",
    "--sh-3": "0 10px 28px rgba(25, 30, 50, 0.12), 0 2px 4px rgba(25, 30, 50, 0.06)",
    "--sh-4": "0 24px 56px rgba(25, 30, 50, 0.18), 0 4px 8px rgba(25, 30, 50, 0.08)",
    "--sh-pink": "0 12px 40px rgba(255, 63, 122, 0.28)",
    "--sh-focus": "0 0 0 3px rgba(255, 63, 122, 0.28)",
    "--dur-1": "100ms",
    "--dur-2": "160ms",
    "--dur-3": "240ms",
    "--dur-4": "400ms",
    "--ease": "cubic-bezier(0.2, 0.8, 0.2, 1)",
    "--f-display": "\"Bricolage Grotesque\", ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, Inter, sans-serif",
    "--f-body": "\"DM Sans\", ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, Inter, sans-serif",
    "--f-mono": "\"JetBrains Mono\", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",
    "--f-serif": "\"Fraunces\", ui-serif, Georgia, \"Times New Roman\", serif",
    "--z-base": "1",
    "--z-sticky": "10",
    "--z-overlay": "100",
    "--z-modal": "200",
    "--z-toast": "300",
    "--surface-list-row-hover": "color-mix(in oklab, var(--bg-paper) 95%, var(--accent))",
    "--ring-accent-strong": "0 0 0 3px color-mix(in oklab, var(--accent) 30%, transparent)",
    "--gradient-glow-soft": "linear-gradient(135deg,\n    color-mix(in oklab, var(--accent) 12%, transparent) 0%,\n    color-mix(in oklab, var(--info)   10%, transparent) 100%)",
    "--ai-glow-bg": "linear-gradient(135deg,\n    color-mix(in oklab, var(--accent) 8%, transparent) 0%,\n    color-mix(in oklab, var(--info)   6%, transparent) 100%)",
    "--score-low": "var(--success)",
    "--score-medium": "var(--warning)",
    "--score-high": "var(--error)",
    "--badge-bg-success": "color-mix(in oklab, var(--success) 12%, transparent)",
    "--badge-bg-warning": "color-mix(in oklab, var(--warning) 12%, transparent)",
    "--badge-bg-danger": "color-mix(in oklab, var(--error)   12%, transparent)",
    "--spark-stroke": "1.2px",
    "--row-h-comfortable": "52px",
    "--row-h-compact": "36px",
    "--row-h": "var(--row-h-comfortable)"
  }
}