{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "typography",
  "title": "Typography",
  "description": "Masai LMS V11 typography classes: h1-h6, s1-s3, b1/b2/b3 (md/regular), caption, t1, t2.",
  "files": [
    {
      "path": "registry/styles/masai-typography.css",
      "content": "/*\n * Masai LMS V11 Typography\n * Source: https://www.figma.com/design/UB4I8OnC8dYNhcl1ztFP61/LMS-V11---2026?node-id=7469-9647\n *\n * Usage examples:\n * <p className=\"type-b1-md\">...</p>\n * <button className=\"type-h6\">...</button>\n * <div data-type=\"s2\">...</div>\n */\n\n:root {\n  --masai-text-color: #111928;\n}\n\n/*\n * Typographic scale lives in @layer components so Tailwind utilities (e.g.\n * text-primary-500) can override the default Masai text color without !important.\n */\n@layer components {\n.type-h1,\n[data-type=\"h1\"] {\n  color: var(--masai-text-color);\n  font-family: Poppins, sans-serif;\n  font-size: 32px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: 48px;\n}\n\n.type-h2,\n[data-type=\"h2\"] {\n  color: var(--masai-text-color);\n  font-family: Poppins, sans-serif;\n  font-size: 28px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: 36px;\n}\n\n.type-h3,\n[data-type=\"h3\"] {\n  color: var(--masai-text-color);\n  font-family: Poppins, sans-serif;\n  font-size: 24px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: 32px;\n}\n\n.type-h4,\n[data-type=\"h4\"] {\n  color: var(--masai-text-color);\n  font-family: Poppins, sans-serif;\n  font-size: 20px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: 28px;\n}\n\n.type-h5,\n[data-type=\"h5\"] {\n  color: var(--masai-text-color);\n  font-family: Poppins, sans-serif;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: 24px;\n}\n\n.type-h6,\n[data-type=\"h6\"] {\n  color: var(--masai-text-color);\n  font-family: Poppins, sans-serif;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: 20px;\n}\n\n.type-s1,\n[data-type=\"s1\"] {\n  color: var(--masai-text-color);\n  font-family: Poppins, sans-serif;\n  font-size: 24px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 32px;\n}\n\n.type-s2,\n[data-type=\"s2\"] {\n  color: var(--masai-text-color);\n  font-family: Poppins, sans-serif;\n  font-size: 20px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 28px;\n}\n\n.type-s3,\n[data-type=\"s3\"] {\n  color: var(--masai-text-color);\n  font-family: Poppins, sans-serif;\n  font-size: 18px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 26px;\n}\n\n.type-b1-md,\n[data-type=\"b1-md\"] {\n  color: var(--masai-text-color);\n  font-family: Poppins, sans-serif;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 24px;\n}\n\n.type-b1-regular,\n[data-type=\"b1-regular\"] {\n  color: var(--masai-text-color);\n  font-family: Poppins, sans-serif;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 24px;\n}\n\n.type-b2-md,\n[data-type=\"b2-md\"] {\n  color: var(--masai-text-color);\n  font-family: Poppins, sans-serif;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 20px;\n}\n\n.type-b2-regular,\n[data-type=\"b2-regular\"] {\n  color: var(--masai-text-color);\n  font-family: Poppins, sans-serif;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 20px;\n}\n\n.type-b3-md,\n[data-type=\"b3-md\"] {\n  color: var(--masai-text-color);\n  font-family: Poppins, sans-serif;\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 16px;\n}\n\n.type-b3-regular,\n[data-type=\"b3-regular\"] {\n  color: var(--masai-text-color);\n  font-family: Poppins, sans-serif;\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 14px;\n}\n\n.type-caption,\n[data-type=\"caption\"] {\n  color: var(--masai-text-color);\n  font-family: Poppins, sans-serif;\n  font-size: 10px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 14px;\n}\n\n.type-t1,\n[data-type=\"t1\"] {\n  color: var(--masai-text-color);\n  font-family: Inter, sans-serif;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 20px;\n}\n\n.type-t2,\n[data-type=\"t2\"] {\n  color: var(--masai-text-color);\n  font-family: Inter, sans-serif;\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 16px;\n}\n\n}\n",
      "type": "registry:lib",
      "target": "src/lib/masai-typography.css"
    }
  ],
  "type": "registry:lib"
}