{
  "meta": {
    "brand": "New Poona Bakery",
    "version": "1.0.0",
    "description": "Official brand design tokens for New Poona Bakery. Use these values for any AI-generated content, brand materials, or integrations.",
    "url": "https://newpoonabakery.com",
    "contact": "feedback@newpoonabakery.com"
  },
  "color": {
    "brand": {
      "red": {
        "$value": "#ee1c25",
        "$type": "color",
        "$description": "Primary brand colour. Used for CTAs, headings, primary icons, and the hero section background on the Pattice panel."
      },
      "gold": {
        "$value": "#ffb900",
        "$type": "color",
        "$description": "Secondary accent colour. Used for highlights, secondary CTAs, star ratings, and tape decorations."
      },
      "dark": {
        "$value": "#171717",
        "$type": "color",
        "$description": "Primary text and dark background colour."
      }
    },
    "surface": {
      "white": {
        "$value": "#ffffff",
        "$type": "color",
        "$description": "Card and clean surface background."
      },
      "cream": {
        "$value": "#f8fafc",
        "$type": "color",
        "$description": "Page background and soft section fills (Tailwind slate-50)."
      },
      "soft": {
        "$value": "#f1f5f9",
        "$type": "color",
        "$description": "Subtle card backgrounds (Tailwind slate-100)."
      }
    },
    "text": {
      "primary": {
        "$value": "#171717",
        "$type": "color",
        "$description": "Primary body text."
      },
      "secondary": {
        "$value": "#475569",
        "$type": "color",
        "$description": "Secondary / muted text (Tailwind slate-600)."
      },
      "muted": {
        "$value": "#94a3b8",
        "$type": "color",
        "$description": "Placeholder and disabled text (Tailwind slate-400)."
      }
    },
    "feedback": {
      "error": {
        "$value": "#ee1c25",
        "$type": "color",
        "$description": "Error states (same as brand red)."
      },
      "warning": {
        "$value": "#ffb900",
        "$type": "color",
        "$description": "Warning states (same as brand gold)."
      }
    }
  },
  "typography": {
    "fontFamily": {
      "brand": {
        "$value": "'Outfit', ui-sans-serif, system-ui, -apple-system, sans-serif",
        "$type": "fontFamily",
        "$description": "Outfit is the single brand typeface for New Poona Bakery, used for ALL text — headings, body, UI labels, and nav. Loaded from Google Fonts.",
        "source": "Google Fonts",
        "googleFontsUrl": "https://fonts.googleapis.com/css2?family=Outfit:wght@300..800&display=swap",
        "googleFontsPage": "https://fonts.google.com/specimen/Outfit",
        "cssVariable": "--font-sans",
        "cssVariableSerif": "--font-serif",
        "note": "Both --font-sans and --font-serif are set to Outfit. There is no separate serif typeface — Outfit covers all typographic roles.",
        "weightAxis": "300–800 (variable font via wght axis)",
        "fallbackStack": "ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif",
        "license": "SIL Open Font License 1.1",
        "designer": "Mathieu Reguer"
      }
    },
    "fontWeight": {
      "light":    { "$value": 300, "$type": "fontWeight", "$description": "Outfit Light — decorative, large display use" },
      "regular":  { "$value": 400, "$type": "fontWeight", "$description": "Outfit Regular — body text default" },
      "medium":   { "$value": 500, "$type": "fontWeight", "$description": "Outfit Medium — UI labels" },
      "semibold": { "$value": 600, "$type": "fontWeight", "$description": "Outfit SemiBold — emphasized body" },
      "bold":     { "$value": 700, "$type": "fontWeight", "$description": "Outfit Bold — buttons, section sub-headings" },
      "extrabold":{ "$value": 800, "$type": "fontWeight", "$description": "Outfit ExtraBold — primary headings, hero text, brand display" }
    },
    "usage": {
      "display":   { "weight": 800, "tracking": "-0.01em", "example": "Hero h1: 'Baking Pune's Favourite Moments'" },
      "heading":   { "weight": 800, "tracking": "-0.01em", "example": "Section headings: h2, h3" },
      "subheading":{ "weight": 700, "tracking": "normal",   "example": "Card titles, product names" },
      "body":      { "weight": 400, "tracking": "normal",   "example": "Paragraphs, descriptions" },
      "label":     { "weight": 700, "tracking": "0.08em",   "example": "Chips, tags, nav labels (tracking-wider)" },
      "caption":   { "weight": 400, "tracking": "0.05em",   "example": "Footer notes, meta text" }
    },
    "fontSize": {
      "xs":   { "$value": "0.75rem",  "$type": "dimension", "$description": "12px – chip labels, tracking text" },
      "sm":   { "$value": "0.875rem", "$type": "dimension", "$description": "14px – secondary body, captions" },
      "base": { "$value": "1rem",     "$type": "dimension", "$description": "16px – default body text" },
      "lg":   { "$value": "1.125rem", "$type": "dimension", "$description": "18px – lead paragraphs" },
      "xl":   { "$value": "1.25rem",  "$type": "dimension", "$description": "20px – sub-headings" },
      "2xl":  { "$value": "1.5rem",   "$type": "dimension", "$description": "24px – section sub-headings" },
      "4xl":  { "$value": "2.25rem",  "$type": "dimension", "$description": "36px – section headings" },
      "5xl":  { "$value": "3rem",     "$type": "dimension", "$description": "48px – hero headings" },
      "7xl":  { "$value": "4.5rem",   "$type": "dimension", "$description": "72px – display / hero" }
    }
  },
  "spacing": {
    "section": {
      "paddingY": {
        "$value": "6rem",
        "$type": "dimension",
        "$description": "Standard vertical padding for page sections (py-24)."
      },
      "paddingX": {
        "$value": "1.5rem / 3rem / 6rem",
        "$type": "dimension",
        "$description": "Responsive horizontal padding: px-6 (mobile) → px-12 (md) → px-24 (lg)."
      },
      "maxWidth": {
        "$value": "80rem",
        "$type": "dimension",
        "$description": "Maximum content width container (max-w-7xl = 1280px)."
      }
    }
  },
  "borderRadius": {
    "sm":   { "$value": "0.75rem",  "$type": "dimension", "$description": "rounded-xl – inputs, chips" },
    "md":   { "$value": "1rem",     "$type": "dimension", "$description": "rounded-2xl – cards" },
    "lg":   { "$value": "1.5rem",   "$type": "dimension", "$description": "rounded-3xl – large cards, modals" },
    "full": { "$value": "9999px",   "$type": "dimension", "$description": "rounded-full – pill buttons, badges" }
  },
  "shadow": {
    "card": {
      "$value": "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
      "$type": "shadow",
      "$description": "Default card shadow (Tailwind shadow-sm)."
    },
    "elevated": {
      "$value": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
      "$type": "shadow",
      "$description": "Hover / elevated card shadow (Tailwind shadow-lg)."
    }
  },
  "animation": {
    "duration": {
      "fast":   { "$value": "300ms",  "$type": "duration" },
      "normal": { "$value": "500ms",  "$type": "duration" },
      "slow":   { "$value": "700ms",  "$type": "duration" },
      "marquee":{ "$value": "25s",    "$type": "duration", "$description": "Infinite marquee strip speed." }
    },
    "easing": {
      "default": { "$value": "cubic-bezier(0.4, 0, 0.2, 1)", "$type": "cubicBezier" },
      "spring":  { "$value": "spring(stiffness: 60, damping: 15)", "$type": "cubicBezier", "$description": "Used for entrance animations via Framer Motion." }
    }
  },
  "component": {
    "button": {
      "primary": {
        "background":  "#ee1c25",
        "text":        "#ffffff",
        "hoverBg":     "transparent",
        "hoverText":   "#ee1c25",
        "border":      "2px solid #ee1c25",
        "borderRadius":"9999px",
        "padding":     "0.875rem 2rem",
        "fontWeight":  700
      },
      "secondary": {
        "background":  "transparent",
        "text":        "#ffb900",
        "hoverBg":     "#ffb900",
        "hoverText":   "#171717",
        "border":      "1px solid #ffb900",
        "borderRadius":"9999px"
      },
      "light": {
        "background":  "#ffffff",
        "text":        "#ee1c25",
        "hoverBg":     "#ffb900",
        "hoverText":   "#171717",
        "borderRadius":"9999px"
      }
    },
    "card": {
      "background":    "#ffffff",
      "borderRadius":  "1rem",
      "shadow":        "shadow-sm",
      "hoverTransform":"translateY(-8px)",
      "hoverDuration": "355ms"
    },
    "chip": {
      "background":    "#ee1c25",
      "text":          "#ffffff",
      "borderRadius":  "9999px",
      "fontSize":      "0.75rem",
      "fontWeight":    700,
      "letterSpacing": "0.1em"
    }
  },
  "section": {
    "white":  { "background": "#ffffff",                "cssClass": "npb-section-white" },
    "cream":  { "background": "#f8fafc",                "cssClass": "npb-section-cream" },
    "red":    { "background": "#ee1c25", "text": "#ffffff", "cssClass": "npb-red-panel" }
  }
}