{
  "$generatedFrom": [
    "src/index.css",
    "tailwind.config.ts",
    "index.html"
  ],
  "brand": {
    "name": "QuickApp.ai",
    "themeColor": "#007BFF",
    "logos": [
      {
        "file": "/icons/app-icon.png",
        "usage": "App icon, favicon, social preview, schema.org logo (512x512 PNG)"
      },
      {
        "file": "src/assets/quickapp-logo-full.png",
        "usage": "Full horizontal wordmark for light backgrounds"
      },
      {
        "file": "src/assets/quickapp-logo-full-yellow-black.png",
        "usage": "Wordmark for dark / cinematic backgrounds"
      },
      {
        "file": "src/assets/quickapp-logo.png",
        "usage": "Compact mark, used where space is tight"
      }
    ],
    "logoNotes": "Keep clear space of at least the height of the mark on all sides. Do not recolour, stretch, rotate or add effects to the logo. Use the gold-on-dark wordmark on dark hero sections and the full-colour wordmark on white."
  },
  "colors": {
    "light": [
      {
        "name": "background",
        "hsl": "hsl(0 0% 100%)",
        "hex": "#ffffff",
        "usage": "Page background"
      },
      {
        "name": "foreground",
        "hsl": "hsl(220 39% 11%)",
        "hex": "#111827",
        "usage": "Default body text"
      },
      {
        "name": "card",
        "hsl": "hsl(0 0% 100%)",
        "hex": "#ffffff",
        "usage": "Card and panel surfaces"
      },
      {
        "name": "card-foreground",
        "hsl": "hsl(220 39% 11%)",
        "hex": "#111827",
        "usage": "Text on cards"
      },
      {
        "name": "popover",
        "hsl": "hsl(0 0% 100%)",
        "hex": "#ffffff",
        "usage": "Popover and dropdown surfaces"
      },
      {
        "name": "popover-foreground",
        "hsl": "hsl(220 39% 11%)",
        "hex": "#111827",
        "usage": "Text inside popovers"
      },
      {
        "name": "primary",
        "hsl": "hsl(220 39% 11%)",
        "hex": "#111827",
        "usage": "Primary brand colour — headers, primary buttons, dark sections"
      },
      {
        "name": "primary-foreground",
        "hsl": "hsl(0 0% 100%)",
        "hex": "#ffffff",
        "usage": "Text on primary surfaces"
      },
      {
        "name": "primary-light",
        "hsl": "hsl(220 25% 25%)",
        "hex": "#303a50",
        "usage": "Lighter primary tint for gradients and hovers"
      },
      {
        "name": "primary-dark",
        "hsl": "hsl(220 50% 8%)",
        "hex": "#0a111f",
        "usage": "Deepest primary shade for cinematic hero backgrounds"
      },
      {
        "name": "accent-gold",
        "hsl": "hsl(35 65% 55%)",
        "hex": "#d79942",
        "usage": "Signature gold accent — highlights, pills, key CTAs"
      },
      {
        "name": "accent-gold-foreground",
        "hsl": "hsl(220 39% 11%)",
        "hex": "#111827",
        "usage": "Text on gold surfaces"
      },
      {
        "name": "accent-bronze",
        "hsl": "hsl(30 45% 65%)",
        "hex": "#cea67e",
        "usage": "Secondary bronze accent for gradients"
      },
      {
        "name": "accent-bronze-foreground",
        "hsl": "hsl(220 39% 11%)",
        "hex": "#111827",
        "usage": "Text on bronze surfaces"
      },
      {
        "name": "secondary",
        "hsl": "hsl(210 40% 98%)",
        "hex": "#f8fafc",
        "usage": "Secondary surfaces and muted buttons"
      },
      {
        "name": "secondary-foreground",
        "hsl": "hsl(220 39% 25%)",
        "hex": "#273759",
        "usage": "Text on secondary surfaces"
      },
      {
        "name": "muted",
        "hsl": "hsl(210 40% 98%)",
        "hex": "#f8fafc",
        "usage": "Muted background blocks"
      },
      {
        "name": "muted-foreground",
        "hsl": "hsl(215 16% 47%)",
        "hex": "#65758b",
        "usage": "Secondary and supporting text"
      },
      {
        "name": "accent",
        "hsl": "hsl(210 40% 96%)",
        "hex": "#f1f5f9",
        "usage": "Subtle accent background"
      },
      {
        "name": "accent-foreground",
        "hsl": "hsl(220 39% 11%)",
        "hex": "#111827",
        "usage": "Text on accent background"
      },
      {
        "name": "success",
        "hsl": "hsl(142 76% 36%)",
        "hex": "#16a249",
        "usage": "Success state"
      },
      {
        "name": "success-foreground",
        "hsl": "hsl(0 0% 100%)",
        "hex": "#ffffff",
        "usage": "Text on success surfaces"
      },
      {
        "name": "warning",
        "hsl": "hsl(35 65% 55%)",
        "hex": "#d79942",
        "usage": "Warning state"
      },
      {
        "name": "warning-foreground",
        "hsl": "hsl(220 39% 11%)",
        "hex": "#111827",
        "usage": "Text on warning surfaces"
      },
      {
        "name": "destructive",
        "hsl": "hsl(0 84% 60%)",
        "hex": "#ef4343",
        "usage": "Errors and destructive actions"
      },
      {
        "name": "destructive-foreground",
        "hsl": "hsl(0 0% 100%)",
        "hex": "#ffffff",
        "usage": "Text on destructive surfaces"
      },
      {
        "name": "border",
        "hsl": "hsl(220 13% 91%)",
        "hex": "#e5e7eb",
        "usage": "Borders and dividers"
      },
      {
        "name": "input",
        "hsl": "hsl(220 13% 91%)",
        "hex": "#e5e7eb",
        "usage": "Form field borders"
      },
      {
        "name": "ring",
        "hsl": "hsl(220 39% 11%)",
        "hex": "#111827",
        "usage": "Focus ring"
      },
      {
        "name": "sidebar-background",
        "hsl": "hsl(220 39% 11%)",
        "hex": "#111827",
        "usage": "Application sidebar surface"
      },
      {
        "name": "sidebar-foreground",
        "hsl": "hsl(0 0% 100%)",
        "hex": "#ffffff",
        "usage": "Application sidebar surface"
      },
      {
        "name": "sidebar-primary",
        "hsl": "hsl(35 65% 55%)",
        "hex": "#d79942",
        "usage": "Application sidebar surface"
      },
      {
        "name": "sidebar-primary-foreground",
        "hsl": "hsl(220 39% 11%)",
        "hex": "#111827",
        "usage": "Application sidebar surface"
      },
      {
        "name": "sidebar-accent",
        "hsl": "hsl(220 25% 25%)",
        "hex": "#303a50",
        "usage": "Application sidebar surface"
      },
      {
        "name": "sidebar-accent-foreground",
        "hsl": "hsl(0 0% 100%)",
        "hex": "#ffffff",
        "usage": "Application sidebar surface"
      },
      {
        "name": "sidebar-border",
        "hsl": "hsl(220 25% 25%)",
        "hex": "#303a50",
        "usage": "Application sidebar surface"
      },
      {
        "name": "sidebar-ring",
        "hsl": "hsl(35 65% 55%)",
        "hex": "#d79942",
        "usage": "Application sidebar surface"
      },
      {
        "name": "feature-foreground",
        "hsl": "hsl(0 0% 98%)",
        "hex": "#fafafa",
        "usage": "Theme colour"
      },
      {
        "name": "feature-muted",
        "hsl": "hsl(215 20% 65%)",
        "hex": "#94a3b8",
        "usage": "Theme colour"
      }
    ],
    "dark": [
      {
        "name": "background",
        "hsl": "hsl(220 39% 11%)",
        "hex": "#111827",
        "usage": "Page background"
      },
      {
        "name": "foreground",
        "hsl": "hsl(0 0% 98%)",
        "hex": "#fafafa",
        "usage": "Default body text"
      },
      {
        "name": "card",
        "hsl": "hsl(220 35% 15%)",
        "hex": "#192234",
        "usage": "Card and panel surfaces"
      },
      {
        "name": "card-foreground",
        "hsl": "hsl(0 0% 98%)",
        "hex": "#fafafa",
        "usage": "Text on cards"
      },
      {
        "name": "popover",
        "hsl": "hsl(220 35% 15%)",
        "hex": "#192234",
        "usage": "Popover and dropdown surfaces"
      },
      {
        "name": "popover-foreground",
        "hsl": "hsl(0 0% 98%)",
        "hex": "#fafafa",
        "usage": "Text inside popovers"
      },
      {
        "name": "primary",
        "hsl": "hsl(35 65% 55%)",
        "hex": "#d79942",
        "usage": "Primary brand colour — headers, primary buttons, dark sections"
      },
      {
        "name": "primary-foreground",
        "hsl": "hsl(220 39% 11%)",
        "hex": "#111827",
        "usage": "Text on primary surfaces"
      },
      {
        "name": "secondary",
        "hsl": "hsl(220 35% 15%)",
        "hex": "#192234",
        "usage": "Secondary surfaces and muted buttons"
      },
      {
        "name": "secondary-foreground",
        "hsl": "hsl(0 0% 98%)",
        "hex": "#fafafa",
        "usage": "Text on secondary surfaces"
      },
      {
        "name": "muted",
        "hsl": "hsl(220 35% 15%)",
        "hex": "#192234",
        "usage": "Muted background blocks"
      },
      {
        "name": "muted-foreground",
        "hsl": "hsl(215 20% 65%)",
        "hex": "#94a3b8",
        "usage": "Secondary and supporting text"
      },
      {
        "name": "accent",
        "hsl": "hsl(220 30% 20%)",
        "hex": "#242e42",
        "usage": "Subtle accent background"
      },
      {
        "name": "accent-foreground",
        "hsl": "hsl(35 65% 55%)",
        "hex": "#d79942",
        "usage": "Text on accent background"
      },
      {
        "name": "success",
        "hsl": "hsl(142 76% 46%)",
        "hex": "#1cce5e",
        "usage": "Success state"
      },
      {
        "name": "success-foreground",
        "hsl": "hsl(220 39% 11%)",
        "hex": "#111827",
        "usage": "Text on success surfaces"
      },
      {
        "name": "warning",
        "hsl": "hsl(35 65% 65%)",
        "hex": "#e0af6c",
        "usage": "Warning state"
      },
      {
        "name": "warning-foreground",
        "hsl": "hsl(220 39% 11%)",
        "hex": "#111827",
        "usage": "Text on warning surfaces"
      },
      {
        "name": "destructive",
        "hsl": "hsl(0 84% 70%)",
        "hex": "#f37272",
        "usage": "Errors and destructive actions"
      },
      {
        "name": "destructive-foreground",
        "hsl": "hsl(220 39% 11%)",
        "hex": "#111827",
        "usage": "Text on destructive surfaces"
      },
      {
        "name": "border",
        "hsl": "hsl(220 30% 20%)",
        "hex": "#242e42",
        "usage": "Borders and dividers"
      },
      {
        "name": "input",
        "hsl": "hsl(220 30% 20%)",
        "hex": "#242e42",
        "usage": "Form field borders"
      },
      {
        "name": "ring",
        "hsl": "hsl(35 65% 55%)",
        "hex": "#d79942",
        "usage": "Focus ring"
      },
      {
        "name": "sidebar-background",
        "hsl": "hsl(220 35% 15%)",
        "hex": "#192234",
        "usage": "Application sidebar surface"
      },
      {
        "name": "sidebar-foreground",
        "hsl": "hsl(215 20% 65%)",
        "hex": "#94a3b8",
        "usage": "Application sidebar surface"
      },
      {
        "name": "sidebar-primary",
        "hsl": "hsl(35 65% 55%)",
        "hex": "#d79942",
        "usage": "Application sidebar surface"
      },
      {
        "name": "sidebar-primary-foreground",
        "hsl": "hsl(220 39% 11%)",
        "hex": "#111827",
        "usage": "Application sidebar surface"
      },
      {
        "name": "sidebar-accent",
        "hsl": "hsl(220 30% 20%)",
        "hex": "#242e42",
        "usage": "Application sidebar surface"
      },
      {
        "name": "sidebar-accent-foreground",
        "hsl": "hsl(0 0% 98%)",
        "hex": "#fafafa",
        "usage": "Application sidebar surface"
      },
      {
        "name": "sidebar-border",
        "hsl": "hsl(220 30% 20%)",
        "hex": "#242e42",
        "usage": "Application sidebar surface"
      },
      {
        "name": "sidebar-ring",
        "hsl": "hsl(35 65% 55%)",
        "hex": "#d79942",
        "usage": "Application sidebar surface"
      }
    ]
  },
  "gradients": {
    "light": [
      {
        "name": "gradient-primary",
        "value": "linear-gradient(135deg, hsl(220 39% 11%), hsl(220 25% 25%), hsl(35 65% 55%))"
      },
      {
        "name": "gradient-subtle",
        "value": "linear-gradient(180deg, hsl(0 0% 100%), hsl(210 40% 98%))"
      },
      {
        "name": "gradient-hero",
        "value": "linear-gradient(135deg, hsl(220 39% 11%) 0%, hsl(220 30% 20%) 35%, hsl(30 45% 65%) 100%)"
      }
    ],
    "dark": [
      {
        "name": "gradient-primary",
        "value": "linear-gradient(135deg, hsl(35 65% 55%), hsl(30 45% 65%))"
      },
      {
        "name": "gradient-subtle",
        "value": "linear-gradient(180deg, hsl(220 39% 11%), hsl(220 35% 15%))"
      },
      {
        "name": "gradient-hero",
        "value": "linear-gradient(135deg, hsl(220 39% 11%) 0%, hsl(220 30% 20%) 35%, hsl(35 65% 55%) 100%)"
      }
    ]
  },
  "typography": {
    "fontFamilies": {
      "sans": [
        "Inter",
        "ui-sans-serif",
        "system-ui",
        "-apple-system",
        "BlinkMacSystemFont",
        "Segoe UI",
        "Roboto",
        "Helvetica Neue",
        "Arial",
        "Noto Sans",
        "sans-serif"
      ],
      "bodyStack": "'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif"
    },
    "webfont": "Inter 300, 400, 500, 600, 700 (Google Fonts); Instrument Serif for editorial accents",
    "headings": {
      "fontWeight": "600",
      "letterSpacing": "-0.025em"
    },
    "scale": [
      {
        "token": "text-xs",
        "size": "0.75rem",
        "lineHeight": "1rem"
      },
      {
        "token": "text-sm",
        "size": "0.875rem",
        "lineHeight": "1.25rem"
      },
      {
        "token": "text-base",
        "size": "1rem",
        "lineHeight": "1.5rem"
      },
      {
        "token": "text-lg",
        "size": "1.125rem",
        "lineHeight": "1.75rem"
      },
      {
        "token": "text-xl",
        "size": "1.25rem",
        "lineHeight": "1.75rem"
      },
      {
        "token": "text-2xl",
        "size": "1.5rem",
        "lineHeight": "2rem"
      },
      {
        "token": "text-3xl",
        "size": "1.875rem",
        "lineHeight": "2.25rem"
      },
      {
        "token": "text-4xl",
        "size": "2.25rem",
        "lineHeight": "2.5rem"
      },
      {
        "token": "text-5xl",
        "size": "3rem",
        "lineHeight": "1"
      },
      {
        "token": "text-6xl",
        "size": "3.75rem",
        "lineHeight": "1"
      },
      {
        "token": "text-7xl",
        "size": "4.5rem",
        "lineHeight": "1"
      }
    ],
    "scaleNote": "Tailwind CSS v3 default type scale — the site uses no custom fontSize overrides."
  },
  "spacing": {
    "unit": "0.25rem (4px)",
    "scaleNote": "Tailwind CSS v3 default spacing scale: 0, 0.5, 1, 1.5, 2, 2.5, 3, 4, 5, 6, 8, 10, 12, 16, 20, 24, 32 (x 0.25rem).",
    "containerPadding": "2rem",
    "containerMaxWidth": "1400px"
  },
  "borderRadius": {
    "base": "0.75rem",
    "lg": "var(--radius)",
    "md": "calc(var(--radius) - 2px)",
    "sm": "calc(var(--radius) - 4px)"
  },
  "shadows": {
    "light": [
      {
        "name": "shadow-card",
        "value": "0 4px 12px -2px hsl(220 39% 11% / 0.08), 0 8px 24px -4px hsl(220 39% 11% / 0.04)"
      },
      {
        "name": "shadow-button",
        "value": "0 2px 6px 0 hsl(220 39% 11% / 0.12), 0 2px 4px 0 hsl(220 39% 11% / 0.08)"
      },
      {
        "name": "shadow-hero",
        "value": "0 25px 50px -12px hsl(220 39% 11% / 0.25)"
      }
    ],
    "dark": [
      {
        "name": "shadow-card",
        "value": "0 4px 12px -2px hsl(0 0% 0% / 0.3), 0 8px 24px -4px hsl(0 0% 0% / 0.15)"
      },
      {
        "name": "shadow-button",
        "value": "0 2px 6px 0 hsl(0 0% 0% / 0.2), 0 2px 4px 0 hsl(0 0% 0% / 0.12)"
      }
    ]
  },
  "breakpoints": {
    "2xl": "1536px",
    "xs": "475px",
    "sm": "640px",
    "md": "768px",
    "lg": "1024px",
    "xl": "1280px"
  },
  "animation": {
    "keyframeAnimations": {
      "accordion-down": "accordion-down 0.2s ease-out",
      "accordion-up": "accordion-up 0.2s ease-out"
    },
    "transitions": [],
    "easingNote": "Tailwind's ease-out and ease-in-out are used for interface motion; framer-motion drives hero and mega-menu entrances."
  }
}