{
  "$schema": "web-standards/design-system@2",
  "version": "1.0.0",
  "brand": {
    "name": "Bếp Mây",
    "shortName": "Bếp Mây",
    "legalName": "Bếp Mây (giả lập)",
    "tagline": "Tan làm, vào bếp, nấu được một mâm",
    "description": "Trường dạy nấu ăn cho người trẻ đi làm: lớp tối 90 phút, lớp cuối tuần, món Việt và món nhà, mỗi bếp hai người.",
    "url": "https://bepmay.vn",
    "locale": "vi_VN",
    "locales": [
      "vi_VN"
    ],
    "voice": [
      "ấm áp",
      "thực tế",
      "vui tính",
      "gọn gàng"
    ],
    "social": {
      "facebook": "https://facebook.com/bepmay",
      "instagram": "https://instagram.com/bepmay",
      "tiktok": "https://tiktok.com/@bepmay",
      "youtube": "https://youtube.com/@bepmay"
    }
  },
  "color": {
    "light": {
      "primary": "#A8401C",
      "onPrimary": "#FFFFFF",
      "secondary": "#2F6B4F",
      "onSecondary": "#FFFFFF",
      "bg": "#FBF5EA",
      "surface": "#FFFFFF",
      "fg": "#2A1E17",
      "muted": "#6B5A4E",
      "border": "#E6DCCB",
      "success": "#2F6B4F",
      "warning": "#8A5A00",
      "danger": "#B42318",
      "info": "#2F5D7C",
      "focus": "#2F5D7C"
    },
    "dark": {
      "primary": "#F08A5D",
      "onPrimary": "#1E1712",
      "secondary": "#7FC4A0",
      "onSecondary": "#1E1712",
      "bg": "#1E1712",
      "surface": "#2A211A",
      "fg": "#FBF5EA",
      "muted": "#C9B8A6",
      "border": "#4A3B30",
      "success": "#7FC4A0",
      "warning": "#E8A33D",
      "danger": "#F87171",
      "info": "#8DB8D6",
      "focus": "#E8A33D"
    }
  },
  "mode": "light",
  "brandColors": [
    {
      "name": "Kem bột",
      "hex": "#FBF5EA",
      "role": "Nền đọc — như mặt bàn bột",
      "use": [
        "nền trang",
        "nền thẻ công thức"
      ],
      "never": [
        "chữ",
        "nền nút"
      ],
      "share": 52
    },
    {
      "name": "Nâu mực",
      "hex": "#2A1E17",
      "role": "Chữ và wordmark",
      "use": [
        "chữ thân",
        "tiêu đề",
        "wordmark"
      ],
      "never": [
        "nền lớn ở theme sáng"
      ],
      "share": 14
    },
    {
      "name": "Gạch nồi đất",
      "hex": "#A8401C",
      "role": "Hành động chính và thân bánh bao trong logo",
      "use": [
        "nút chính",
        "logo mark",
        "liên kết đang chọn"
      ],
      "never": [
        "chữ dài",
        "nền toàn trang"
      ],
      "share": 12
    },
    {
      "name": "Lá húng",
      "hex": "#2F6B4F",
      "role": "Thành công và nguyên liệu tươi",
      "use": [
        "trạng thái hoàn thành",
        "nhãn rau củ",
        "nút phụ"
      ],
      "never": [
        "nút chính",
        "cảnh báo"
      ],
      "share": 10
    },
    {
      "name": "Khói mây",
      "hex": "#E6DCCB",
      "role": "Đường kẻ, viền, mảng nền phụ",
      "use": [
        "viền thẻ",
        "đường chia",
        "nền ô nhập"
      ],
      "never": [
        "chữ"
      ],
      "share": 6
    },
    {
      "name": "Nghệ",
      "hex": "#E8A33D",
      "role": "Điểm ấm duy nhất — mây hơi nước, ngôi sao khen",
      "use": [
        "mây trong logo",
        "huy hiệu khen",
        "focus ở nền tối"
      ],
      "never": [
        "chữ trên nền kem",
        "nền nút"
      ],
      "share": 6
    }
  ],
  "palettes": [
    {
      "id": "bep-chieu",
      "name": "Bếp chiều (chính)",
      "light": {
        "primary": "#A8401C",
        "onPrimary": "#FFFFFF",
        "secondary": "#2F6B4F",
        "onSecondary": "#FFFFFF",
        "bg": "#FBF5EA",
        "surface": "#FFFFFF",
        "fg": "#2A1E17",
        "muted": "#6B5A4E",
        "border": "#E6DCCB",
        "success": "#2F6B4F",
        "warning": "#8A5A00",
        "danger": "#B42318",
        "info": "#2F5D7C",
        "focus": "#2F5D7C"
      },
      "dark": {
        "primary": "#F08A5D",
        "onPrimary": "#1E1712",
        "secondary": "#7FC4A0",
        "onSecondary": "#1E1712",
        "bg": "#1E1712",
        "surface": "#2A211A",
        "fg": "#FBF5EA",
        "muted": "#C9B8A6",
        "border": "#4A3B30",
        "success": "#7FC4A0",
        "warning": "#E8A33D",
        "danger": "#F87171",
        "info": "#8DB8D6",
        "focus": "#E8A33D"
      }
    },
    {
      "id": "rau-sang",
      "name": "Rau sáng",
      "light": {
        "primary": "#2F6B4F",
        "onPrimary": "#FFFFFF",
        "secondary": "#A8401C",
        "onSecondary": "#FFFFFF",
        "bg": "#FBF5EA",
        "surface": "#FFFFFF",
        "fg": "#2A1E17",
        "muted": "#6B5A4E",
        "border": "#E6DCCB",
        "success": "#2F6B4F",
        "warning": "#8A5A00",
        "danger": "#B42318",
        "info": "#2F5D7C",
        "focus": "#2F6B4F"
      },
      "dark": {
        "primary": "#7FC4A0",
        "onPrimary": "#1E1712",
        "secondary": "#F08A5D",
        "onSecondary": "#1E1712",
        "bg": "#1E1712",
        "surface": "#2A211A",
        "fg": "#FBF5EA",
        "muted": "#C9B8A6",
        "border": "#4A3B30",
        "success": "#7FC4A0",
        "warning": "#E8A33D",
        "danger": "#F87171",
        "info": "#8DB8D6",
        "focus": "#7FC4A0"
      }
    },
    {
      "id": "dem-hap",
      "name": "Đêm hấp bánh",
      "light": {
        "primary": "#2A1E17",
        "onPrimary": "#FBF5EA",
        "secondary": "#2F6B4F",
        "onSecondary": "#FFFFFF",
        "bg": "#FFFFFF",
        "surface": "#FBF5EA",
        "fg": "#2A1E17",
        "muted": "#6B5A4E",
        "border": "#E6DCCB",
        "success": "#2F6B4F",
        "warning": "#8A5A00",
        "danger": "#B42318",
        "info": "#2F5D7C",
        "focus": "#2F5D7C"
      },
      "dark": {
        "primary": "#E8A33D",
        "onPrimary": "#1E1712",
        "secondary": "#F08A5D",
        "onSecondary": "#1E1712",
        "bg": "#1E1712",
        "surface": "#2A211A",
        "fg": "#FBF5EA",
        "muted": "#C9B8A6",
        "border": "#4A3B30",
        "success": "#7FC4A0",
        "warning": "#E8A33D",
        "danger": "#F87171",
        "info": "#8DB8D6",
        "focus": "#E8A33D"
      }
    }
  ],
  "typography": {
    "families": {
      "sans": "Be Vietnam Pro, system-ui, sans-serif",
      "display": "Baloo 2, Be Vietnam Pro, system-ui, sans-serif",
      "mono": "JetBrains Mono, ui-monospace, monospace"
    },
    "supportsVietnamese": true,
    "roles": [
      {
        "family": "Baloo 2",
        "role": "Tiêu đề món và tiêu đề trang (700–800)",
        "weight": 800,
        "vietnamese": true,
        "sample": "Bánh bao nhân thịt trứng muối — đẫy đà, mềm xốp"
      },
      {
        "family": "Be Vietnam Pro",
        "role": "Thân bài, bước công thức, giao diện",
        "weight": 400,
        "vietnamese": true,
        "sample": "Bước 3: Ủ bột 40 phút ở chỗ ấm. Đừng mở nắp sớm — bột sẽ xẹp đấy, Đạt ơi."
      },
      {
        "family": "JetBrains Mono",
        "role": "Số liệu công thức (mono): phút, gram, giá ước tính",
        "weight": 500,
        "vietnamese": true,
        "sample": "25 phút · 4 nguyên liệu · ~60.000đ · Đã nấu xong ự"
      }
    ],
    "effects": [
      {
        "id": "steam-rise",
        "name": "Chữ bốc hơi",
        "durationMs": 900,
        "reducedMotion": "off"
      },
      {
        "id": "dough-press",
        "name": "Chữ nhấn bột",
        "durationMs": 500,
        "reducedMotion": "off"
      },
      {
        "id": "recipe-write",
        "name": "Viết tay công thức",
        "durationMs": 1200,
        "reducedMotion": "off"
      }
    ],
    "scale": {
      "xs": "12px",
      "sm": "14px",
      "base": "16px",
      "lg": "18px",
      "xl": "20px",
      "2xl": "24px",
      "3xl": "32px",
      "4xl": "40px",
      "5xl": "56px"
    },
    "lineHeight": {
      "tight": 1.15,
      "normal": 1.6,
      "relaxed": 1.75
    },
    "weights": [
      400,
      500,
      700,
      800
    ]
  },
  "space": {
    "0": "0",
    "1": "4px",
    "2": "8px",
    "3": "12px",
    "4": "16px",
    "6": "24px",
    "8": "32px",
    "12": "48px",
    "16": "64px"
  },
  "radius": {
    "sm": "8px",
    "md": "14px",
    "lg": "22px",
    "xl": "32px",
    "full": "9999px"
  },
  "shadow": {
    "sm": "0 2px 0 rgb(42 30 23 / .08)",
    "md": "0 6px 0 rgb(42 30 23 / .08), 0 10px 24px rgb(42 30 23 / .08)",
    "lg": "0 14px 36px rgb(42 30 23 / .14)"
  },
  "breakpoints": {
    "sm": "640px",
    "md": "768px",
    "lg": "1024px",
    "xl": "1280px"
  },
  "motion": {
    "durations": {
      "fast": "150ms",
      "base": "280ms",
      "slow": "560ms"
    },
    "easing": "cubic-bezier(.3,1.4,.5,1)",
    "respectsReducedMotion": true,
    "pauseOffscreen": true,
    "signature": [
      "hơi nước bốc lên",
      "bột nhún khi bấm",
      "nắp xửng mở hé"
    ]
  },
  "icons": {
    "path": "icons/",
    "grid": 24,
    "stroke": 1.75,
    "states": [
      "rest",
      "active",
      "animated"
    ],
    "construction": "gouache-dab-duo",
    "constructionRules": "Nét tròn 1.75 đầu tròn + một vệt gouache (class f) lệch 1 px xuống-phải như màu đổ ra ngoài nét; bo góc ≥ 2 px; tối đa 1 motif bếp mỗi icon; lỗ hở ≥ 1.5 px",
    "set": "bep-may",
    "stateLook": {
      "rest": "nét nâu mực, không tô",
      "active": "vệt gouache gạch nồi đất tô lòng, quầng nghệ",
      "animated": "chuyển động riêng: hơi bốc, nhún, lắc chảo"
    }
  },
  "mascots": [
    {
      "id": "banh-bao"
    },
    {
      "id": "muoi"
    },
    {
      "id": "sup-lo"
    },
    {
      "id": "trung"
    }
  ],
  "components": {
    "minTouchPx": 44,
    "material": "bột nặn: nút có gờ đáy 3 px như miếng bột, bấm thì lún; thẻ như tờ công thức có mép giấy",
    "catalog": [
      "Button",
      "Link",
      "Input",
      "Select",
      "Checkbox",
      "Radio",
      "Switch",
      "Textarea",
      "Card",
      "Modal",
      "Toast",
      "Tabs",
      "Badge",
      "Avatar",
      "Table",
      "Navbar",
      "Footer",
      "Breadcrumb",
      "Pagination",
      "EmptyState",
      "Skeleton"
    ],
    "button": {
      "interactive": true,
      "levels": [
        "primary",
        "secondary",
        "ghost",
        "danger"
      ],
      "sizes": [
        "sm",
        "md",
        "lg"
      ],
      "states": [
        "default",
        "hover",
        "focusVisible",
        "active",
        "disabled",
        "loading",
        "done"
      ],
      "emphasisMaxPerPage": 1
    },
    "chip": {
      "interactive": true,
      "states": [
        "default",
        "hover",
        "focusVisible",
        "active",
        "disabled",
        "selected"
      ]
    },
    "callout": {
      "types": [
        "tip",
        "caution",
        "done",
        "note",
        "heat"
      ],
      "character": true,
      "characterLines": {
        "tip": "Bánh Bao: Ủ bột chỗ ấm, cạnh nồi cơm là vừa.",
        "heat": "Muôi: Lửa vừa thôi nhé, dầu đang khói rồi."
      }
    },
    "toast": {
      "timer": true,
      "pauseOnHover": true,
      "ariaLive": "polite"
    },
    "dialog": {
      "focusTrap": true,
      "escCloses": true,
      "returnFocus": true
    },
    "input": {
      "interactive": true,
      "states": [
        "default",
        "hover",
        "focusVisible",
        "active",
        "disabled",
        "error"
      ],
      "label": true,
      "help": true,
      "errorWithExample": true,
      "errorExample": "Số điện thoại cần 10 số, ví dụ 0912 345 678"
    },
    "progress": {
      "types": [
        "bar",
        "steps",
        "ring"
      ]
    },
    "verdict": {
      "types": [
        "correct",
        "wrong"
      ],
      "stamp": true,
      "labels": {
        "correct": "Nêm vừa!",
        "wrong": "Thử lại một chút"
      }
    },
    "streak": {
      "days": 7,
      "label": "bữa tự nấu liên tiếp"
    },
    "roadmap": {
      "interactive": true,
      "states": [
        "default",
        "hover",
        "focusVisible",
        "active",
        "disabled",
        "locked",
        "done"
      ]
    }
  },
  "logo": {
    "primary": "logo/primary.svg",
    "mark": "logo/mark.svg",
    "wordmark": "logo/wordmark.svg",
    "mono": "logo/mono.svg",
    "onDark": "logo/on-dark.svg",
    "clearSpace": "0.5 × chiều cao mark",
    "minSize": "mark 16px · logo đầy đủ 112px ngang",
    "construction": "Lưới 48: thân bánh bao vòm rộng 38, 3 nếp gấp nét 3 hội tụ ở đỉnh, mây hơi nước nghệ 3 thuỳ tách 3 đơn vị phía trên; wordmark viết tay đơn nét 5, đầu tròn"
  },
  "favicon": {
    "themeColor": "#A8401C",
    "backgroundColor": "#FBF5EA",
    "svg": "favicon/favicon.svg",
    "ico": "favicon/favicon.ico",
    "appleTouch": "favicon/apple-touch-icon.png",
    "png192": "favicon/icon-192.png",
    "png512": "favicon/icon-512.png",
    "maskable512": "favicon/icon-maskable-512.png",
    "manifest": "favicon/site.webmanifest"
  },
  "sources": {
    "tokens": "themes/bep-chieu/tokens.css",
    "docs": "guideline/index.html",
    "notes": "fictional demo brand — demo.conan1.com Phase 2"
  },
  "approvedAt": "2026-10-25",
  "approvedBy": "auto-approved (fictional demo brand, approved by Dac Nguyen in chat)",
  "og": {
    "defaultImage": "social/og-default.png",
    "imageAlt": "Bếp Mây — Tan làm, vào bếp, nấu được một mâm",
    "template": "{title} · Bếp Mây",
    "titleSuffix": " · Bếp Mây",
    "twitterSite": "@bepmay"
  }
}