{
  "$schema": "web-standards/design-system@2",
  "version": "1.0.0",
  "brand": {
    "name": "Sách Đêm",
    "shortName": "Sách Đêm",
    "legalName": "Sách Đêm (giả lập)",
    "tagline": "Đèn bàn sáng tới một giờ khuya",
    "description": "Quán cà phê sách mở tới 1 giờ khuya: đọc tại chỗ, câu lạc bộ đọc, đêm thơ, thuê sách theo tuần.",
    "url": "https://sachdem.vn",
    "domain": "sachdem.vn",
    "locale": "vi_VN",
    "locales": [
      "vi_VN"
    ],
    "voice": [
      "trầm ấm",
      "chu đáo",
      "tò mò",
      "rõ ràng"
    ],
    "social": {
      "facebook": "https://facebook.com/sachdem.demo",
      "instagram": "https://instagram.com/sachdem.demo",
      "zalo": "https://zalo.me/sachdem.demo"
    }
  },
  "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 (24/48 lưới mark)",
    "minSize": "mark 16px · logo đầy đủ 120px ngang",
    "construction": "Ô vuông bo 11/48 màu mực đêm; chụp đèn bàn nghiêng rọi một chùm sáng hình thang hổ phách xuống cuốn sách mở (hai trang cong); wordmark chữ thường nét đều 4/56 đầu tròn, dấu sắc và dấu mũ vẽ như tia đèn"
  },
  "favicon": {
    "themeColor": "#12141C",
    "backgroundColor": "#F4EBDC",
    "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"
  },
  "color": {
    "light": {
      "primary": "#8A4B0C",
      "onPrimary": "#FFFFFF",
      "secondary": "#8E3347",
      "onSecondary": "#FFFFFF",
      "bg": "#F4EBDC",
      "surface": "#FFF9EF",
      "fg": "#14161E",
      "muted": "#4E4840",
      "border": "#D6C8B2",
      "success": "#2E6B3A",
      "warning": "#7A4F00",
      "danger": "#A3271B",
      "info": "#2B4777",
      "focus": "#2B4777"
    },
    "dark": {
      "primary": "#EDA944",
      "onPrimary": "#12141C",
      "secondary": "#E890A2",
      "onSecondary": "#12141C",
      "bg": "#12141C",
      "surface": "#1C1F2B",
      "fg": "#F4EBDC",
      "muted": "#B9B0A2",
      "border": "#363A4C",
      "success": "#8FCB8A",
      "warning": "#E8C16A",
      "danger": "#F08A7E",
      "info": "#93B6EA",
      "focus": "#93B6EA"
    }
  },
  "brandColors": [
    {
      "name": "Mực đêm",
      "hex": "#12141C",
      "role": "Nền đêm — bóng tối của phòng đọc",
      "use": [
        "nền trang theme tối",
        "ô logo",
        "nền ảnh noir"
      ],
      "never": [
        "chữ trên nền tối"
      ],
      "share": 52
    },
    {
      "name": "Giấy ngà",
      "hex": "#F4EBDC",
      "role": "Chữ trên nền tối và nền giấy ở theme sáng",
      "use": [
        "chữ thân bài trên nền đêm",
        "trang sách trong logo",
        "nền in ấn"
      ],
      "never": [
        "nền nút"
      ],
      "share": 18
    },
    {
      "name": "Đèn hổ phách",
      "hex": "#EDA944",
      "role": "Ánh đèn bàn — nhận diện và nút chính",
      "use": [
        "chùm sáng logo",
        "nút chính trên nền tối",
        "vũng sáng ảnh noir"
      ],
      "never": [
        "chữ dài trên nền giấy",
        "nền lớn"
      ],
      "share": 10
    },
    {
      "name": "Gỗ kệ",
      "hex": "#363A4C",
      "role": "Đường kẻ, viền, khối kệ chìm trong tối",
      "use": [
        "viền thẻ",
        "đường chia",
        "dãy kệ trong ảnh"
      ],
      "never": [
        "chữ"
      ],
      "share": 9
    },
    {
      "name": "Khói cà phê",
      "hex": "#B9B0A2",
      "role": "Chữ phụ, chú thích",
      "use": [
        "chú thích",
        "giờ mở cửa phụ",
        "mưa trong ảnh"
      ],
      "never": [
        "tiêu đề",
        "nút"
      ],
      "share": 7
    },
    {
      "name": "Mận đêm thơ",
      "hex": "#E890A2",
      "role": "Điểm ấm duy nhất mỗi màn (đêm thơ, câu lạc bộ)",
      "use": [
        "huy hiệu đêm thơ",
        "một chỗ nhấn mỗi màn",
        "má nhân vật"
      ],
      "never": [
        "nền lớn",
        "chữ dài",
        "nút chính"
      ],
      "share": 4
    }
  ],
  "palettes": [
    {
      "id": "den-ho-phach",
      "name": "Đèn hổ phách",
      "note": "Bảng chính: mực đêm, đèn hổ phách, mận đêm thơ",
      "light": {
        "primary": "#8A4B0C",
        "onPrimary": "#FFFFFF",
        "secondary": "#8E3347",
        "bg": "#F4EBDC",
        "fg": "#14161E"
      },
      "dark": {
        "primary": "#EDA944",
        "onPrimary": "#12141C",
        "secondary": "#E890A2",
        "bg": "#12141C",
        "fg": "#F4EBDC"
      }
    },
    {
      "id": "mua-pho",
      "name": "Mưa phố",
      "note": "Đêm mưa ngoài cửa kính: xanh đèn đường làm chủ, hổ phách phụ",
      "light": {
        "primary": "#2B4777",
        "onPrimary": "#FFFFFF",
        "secondary": "#8A4B0C",
        "bg": "#F4EBDC",
        "fg": "#14161E"
      },
      "dark": {
        "primary": "#93B6EA",
        "onPrimary": "#12141C",
        "secondary": "#EDA944",
        "bg": "#12141C",
        "fg": "#F4EBDC"
      }
    },
    {
      "id": "dem-tho",
      "name": "Đêm thơ",
      "note": "Tối thứ Bảy: mận chín làm chủ, hổ phách phụ",
      "light": {
        "primary": "#8E3347",
        "onPrimary": "#FFFFFF",
        "secondary": "#8A4B0C",
        "bg": "#F4EBDC",
        "fg": "#14161E"
      },
      "dark": {
        "primary": "#E890A2",
        "onPrimary": "#12141C",
        "secondary": "#EDA944",
        "bg": "#12141C",
        "fg": "#F4EBDC"
      }
    }
  ],
  "chart": [
    "#EDA944",
    "#93B6EA",
    "#E890A2",
    "#8FCB8A",
    "#F4EBDC"
  ],
  "print": {
    "cmyk": {
      "#12141C": "C78 M68 Y52 K82",
      "#F4EBDC": "C3 M7 Y14 K0",
      "#EDA944": "C5 M38 Y85 K0",
      "#363A4C": "C78 M68 Y42 K40",
      "#B9B0A2": "C28 M27 Y35 K4",
      "#E890A2": "C4 M55 Y20 K0",
      "#8A4B0C": "C28 M72 Y100 K30"
    }
  },
  "typography": {
    "families": {
      "sans": "Literata, Georgia, serif",
      "display": "Playfair Display, Georgia, serif",
      "serif": "Literata, Georgia, serif",
      "mono": "IBM Plex Mono, ui-monospace, monospace"
    },
    "supportsVietnamese": true,
    "roles": [
      {
        "role": "tiêu đề",
        "family": "Playfair Display",
        "weight": 600,
        "vietnamese": true,
        "sample": "Đêm thơ thứ Bảy: ai cũng được lên đọc, kể cả những vần thơ dở dang"
      },
      {
        "role": "kể chuyện",
        "family": "Playfair Display",
        "weight": 400,
        "vietnamese": true,
        "sample": "Ngoài cửa kính mưa vẫn rả rích; ở bàn số bảy, quầng đèn vàng chỉ đủ ôm lấy một trang sách, đủ để người đọc quên mình đang ở đâu. Đừng vội."
      },
      {
        "role": "thân bài",
        "family": "Literata",
        "weight": 400,
        "vietnamese": true,
        "sample": "Thuê sách theo tuần bằng thẻ thành viên; trả muộn một ngày cũng không sao, quán nhắc nhẹ qua Zalo, sách dày cỡ nào cũng được giữ cẩn thận."
      },
      {
        "role": "số/mã (mono)",
        "family": "IBM Plex Mono",
        "weight": 500,
        "vietnamese": true,
        "sample": "Bàn 07 · 16:00–01:00 · 15.000 đ/tuần — Đã giữ chỗ, mở thẻ lúc 19:30 vẫn được"
      }
    ],
    "effects": [
      {
        "id": "fade-up",
        "name": "Đèn bật",
        "durationMs": 900,
        "reducedMotion": "off",
        "use": "tiêu đề hero"
      },
      {
        "id": "typewriter",
        "name": "Dòng thơ hiện dần",
        "durationMs": 1200,
        "reducedMotion": "off",
        "use": "câu thơ đêm thơ"
      }
    ],
    "scale": {
      "xs": "12px",
      "sm": "14px",
      "base": "17px",
      "lg": "20px",
      "xl": "23px",
      "2xl": "28px",
      "3xl": "34px",
      "4xl": "44px",
      "5xl": "56px"
    },
    "lineHeight": {
      "tight": 1.15,
      "normal": 1.65,
      "relaxed": 1.8
    },
    "weights": [
      400,
      500,
      600
    ]
  },
  "space": {
    "0": "0",
    "1": "4px",
    "2": "8px",
    "3": "12px",
    "4": "16px",
    "6": "24px",
    "8": "32px",
    "12": "48px",
    "16": "64px",
    "24": "96px"
  },
  "radius": {
    "sm": "4px",
    "md": "8px",
    "lg": "14px",
    "xl": "22px",
    "full": "9999px"
  },
  "shadow": {
    "sm": "0 1px 2px rgb(0 0 0 / .3)",
    "md": "0 8px 20px rgb(0 0 0 / .35)",
    "lg": "0 20px 48px rgb(0 0 0 / .45)"
  },
  "breakpoints": {
    "sm": "640px",
    "md": "768px",
    "lg": "1024px",
    "xl": "1200px"
  },
  "motion": {
    "fast": "150ms",
    "base": "240ms",
    "slow": "520ms",
    "durations": {
      "fast": 150,
      "base": 240,
      "slow": 520,
      "steep": 900
    },
    "easing": "cubic-bezier(.3,.6,.25,1)",
    "easings": {
      "lamp": "cubic-bezier(.3,.6,.25,1)",
      "page": "cubic-bezier(.45,0,.2,1)"
    },
    "principle": "Như bật một ngọn đèn bàn: ánh sáng lan ra chậm rồi đứng yên; lật trang nhẹ, không nảy.",
    "respectsReducedMotion": true,
    "pauseOffscreen": true
  },
  "components": {
    "minTouchPx": 44,
    "button": {
      "interactive": true,
      "levels": [
        "primary",
        "secondary",
        "ghost",
        "danger"
      ],
      "sizes": [
        "sm",
        "md",
        "lg"
      ],
      "states": [
        "default",
        "hover",
        "focusVisible",
        "active",
        "disabled",
        "loading",
        "done"
      ],
      "emphasisMaxPerPage": 1,
      "radius": "md",
      "note": "Nút chính màu đèn hổ phách trên nền đêm; loading = quầng đèn nhấp nháy; done = dấu tích nét mực"
    },
    "chip": {
      "interactive": true,
      "states": [
        "default",
        "hover",
        "focusVisible",
        "active",
        "disabled"
      ],
      "use": "lọc thể loại sách, chọn bàn, chọn buổi câu lạc bộ"
    },
    "callout": {
      "types": [
        "info",
        "tip",
        "success",
        "warning",
        "danger"
      ],
      "character": true,
      "note": "Lời nhân vật: Cú Thức gợi ý sách, Mèo Mực nhắc trả sách"
    },
    "toast": {
      "interactive": true,
      "states": [
        "default",
        "hover",
        "focusVisible",
        "active",
        "disabled"
      ],
      "timerMs": 5000,
      "pauseOnHover": true,
      "ariaLive": "polite"
    },
    "dialog": {
      "interactive": true,
      "states": [
        "default",
        "hover",
        "focusVisible",
        "active",
        "disabled"
      ],
      "escCloses": true,
      "returnsFocus": true
    },
    "input": {
      "interactive": true,
      "states": [
        "default",
        "hover",
        "focusVisible",
        "active",
        "disabled"
      ],
      "label": "Số người đi cùng",
      "help": "Mỗi bàn đèn tối đa 4 người",
      "error": "Bàn này chỉ còn 2 chỗ — ví dụ: nhập 1 hoặc 2"
    },
    "progress": {
      "kinds": [
        "bar",
        "steps",
        "ring"
      ],
      "example": "Đã đọc 120/180 trang"
    },
    "verdict": {
      "kinds": [
        "đúng",
        "chưa đúng"
      ],
      "stamp": "dấu thư viện tròn",
      "example": "Đúng rồi — hẹn bạn tối thứ Tư lúc 19:30"
    },
    "streak": {
      "unit": "đêm đọc",
      "icon": "flame",
      "example": "12 đêm liên tiếp đọc 20 trang"
    },
    "roadmap": {
      "steps": [
        "Làm thẻ",
        "Đọc tại chỗ",
        "Vào câu lạc bộ",
        "Lên đọc thơ"
      ],
      "example": "Hành trình thành viên Sách Đêm"
    }
  },
  "icons": {
    "path": "icons/",
    "sprite": "icons/sprite.svg",
    "grid": 24,
    "stroke": 1.75,
    "linecap": "round",
    "linejoin": "round",
    "states": [
      "rest",
      "active",
      "animated"
    ],
    "construction": "lamplit-ink-line",
    "constructionRules": "Nét mực 1.75 đều, đầu tròn; góc bo r 1.5; khối chính hơi nghiêng như dưới đèn, mỗi icon có một vệt 'ánh đèn' (đường ngắn song song viền trên-trái) hoặc một chấm sáng; khi bật đèn (active) lòng icon tô màu đèn hổ phách nhạt và có quầng sáng.",
    "vars": [
      "--icon-fill",
      "--icon-glow"
    ],
    "set": "sach-dem/lamplit-ink-line"
  },
  "mascots": [
    {
      "id": "cu-thuc",
      "name": "Cú Thức",
      "main": true
    },
    {
      "id": "den-ban",
      "name": "Đèn Bàn"
    },
    {
      "id": "sach-mo",
      "name": "Sách Mở"
    },
    {
      "id": "meo-muc",
      "name": "Mèo Mực"
    }
  ],
  "imagery": {
    "illustrationStyle": "noir-ink-light",
    "photoStyle": "ảnh thật chụp dưới một nguồn đèn vàng, nền tối, không lọc màu",
    "mascot3d": "toon"
  },
  "approvedAt": "2026-10-25",
  "approvedBy": "auto-approved (fictional demo brand, approved by Dac Nguyen in chat)",
  "og": {
    "defaultImage": "social/og-default.png",
    "imageAlt": "Sách Đêm — Đèn bàn sáng tới một giờ khuya",
    "template": "social/templates/thumbnail.html",
    "titleSuffix": " · Sách Đêm",
    "twitterSite": "",
    "type": "website"
  },
  "sources": {
    "tokens": "themes/den-khuya/tokens.css",
    "docs": "guideline/index.html"
  },
  "themes": [
    "den-khuya"
  ]
}