[{"data":1,"prerenderedAt":1196},["ShallowReactive",2],{"navigation":3,"\u002Ffoundations\u002Fcolor\u002Fcode":439},[4,30,256,281,366,375,402,424],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":6},"Getting Started",false,"\u002Fgetting-started","1.getting-started",[10,15,20,25],{"title":11,"path":12,"stem":13,"icon":14},"Installation","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F2.installation","i-lucide-download",{"title":16,"path":17,"stem":18,"icon":19},"Nuxt","\u002Fgetting-started\u002Fnuxt","1.getting-started\u002F3.nuxt","i-lucide-mountain",{"title":21,"path":22,"stem":23,"icon":24},"Theming","\u002Fgetting-started\u002Ftheming","1.getting-started\u002F4.theming","i-lucide-palette",{"title":26,"path":27,"stem":28,"icon":29},"MCP","\u002Fgetting-started\u002Fmcp","1.getting-started\u002F5.mcp","i-lucide-plug",{"title":31,"icon":6,"path":32,"stem":33,"children":34,"page":6},"Components","\u002Fcomponents","2.components",[35,43,51,59,67,75,83,92,100,104,108,116,124,133,141,149,157,166,174,182,191,199,203,211,220,228,236,240,248],{"title":36,"path":37,"stem":38,"children":39,"page":6},"Accordion","\u002Fcomponents\u002Faccordion","2.components\u002F01.accordion",[40],{"title":36,"path":41,"stem":42},"\u002Fcomponents\u002Faccordion\u002Foverview","2.components\u002F01.accordion\u002F1.overview",{"title":44,"path":45,"stem":46,"children":47,"page":6},"Alert","\u002Fcomponents\u002Falert","2.components\u002F02.alert",[48],{"title":44,"path":49,"stem":50},"\u002Fcomponents\u002Falert\u002Foverview","2.components\u002F02.alert\u002F1.overview",{"title":52,"path":53,"stem":54,"children":55,"page":6},"Button","\u002Fcomponents\u002Fbutton","2.components\u002F03.button",[56],{"title":52,"path":57,"stem":58},"\u002Fcomponents\u002Fbutton\u002Foverview","2.components\u002F03.button\u002F1.overview",{"title":60,"path":61,"stem":62,"children":63,"page":6},"Card","\u002Fcomponents\u002Fcard","2.components\u002F04.card",[64],{"title":60,"path":65,"stem":66},"\u002Fcomponents\u002Fcard\u002Foverview","2.components\u002F04.card\u002F1.overview",{"title":68,"path":69,"stem":70,"children":71,"page":6},"Carousel","\u002Fcomponents\u002Fcarousel","2.components\u002F05.carousel",[72],{"title":68,"path":73,"stem":74},"\u002Fcomponents\u002Fcarousel\u002Foverview","2.components\u002F05.carousel\u002F1.overview",{"title":76,"path":77,"stem":78,"children":79,"page":6},"Checkbox","\u002Fcomponents\u002Fcheckbox","2.components\u002F06.checkbox",[80],{"title":76,"path":81,"stem":82},"\u002Fcomponents\u002Fcheckbox\u002Foverview","2.components\u002F06.checkbox\u002F1.overview",{"title":84,"path":85,"stem":86,"children":87,"page":6},"Date Picker","\u002Fcomponents\u002Fdate-picker","2.components\u002F07.date-picker",[88],{"title":89,"path":90,"stem":91},"Date picker","\u002Fcomponents\u002Fdate-picker\u002Foverview","2.components\u002F07.date-picker\u002F1.overview",{"title":93,"path":94,"stem":95,"children":96,"page":6},"Dropdown","\u002Fcomponents\u002Fdropdown","2.components\u002F08.dropdown",[97],{"title":93,"path":98,"stem":99},"\u002Fcomponents\u002Fdropdown\u002Foverview","2.components\u002F08.dropdown\u002F1.overview",{"title":101,"path":102,"stem":103},"Heading","\u002Fcomponents\u002Fheading","2.components\u002F09.heading",{"title":105,"path":106,"stem":107},"Icon","\u002Fcomponents\u002Ficon","2.components\u002F10.icon",{"title":109,"path":110,"stem":111,"children":112,"page":6},"Input","\u002Fcomponents\u002Finput","2.components\u002F11.input",[113],{"title":109,"path":114,"stem":115},"\u002Fcomponents\u002Finput\u002Foverview","2.components\u002F11.input\u002F1.overview",{"title":117,"path":118,"stem":119,"children":120,"page":6},"Label","\u002Fcomponents\u002Flabel","2.components\u002F12.label",[121],{"title":117,"path":122,"stem":123},"\u002Fcomponents\u002Flabel\u002Foverview","2.components\u002F12.label\u002F1.overview",{"title":125,"path":126,"stem":127,"children":128,"page":6},"Phone Number","\u002Fcomponents\u002Fphone-number","2.components\u002F13.phone-number",[129],{"title":130,"path":131,"stem":132},"Phone number","\u002Fcomponents\u002Fphone-number\u002Foverview","2.components\u002F13.phone-number\u002F1.overview",{"title":134,"path":135,"stem":136,"children":137,"page":6},"Popover","\u002Fcomponents\u002Fpopover","2.components\u002F14.popover",[138],{"title":134,"path":139,"stem":140},"\u002Fcomponents\u002Fpopover\u002Foverview","2.components\u002F14.popover\u002F1.overview",{"title":142,"path":143,"stem":144,"children":145,"page":6},"Quantity","\u002Fcomponents\u002Fquantity","2.components\u002F15.quantity",[146],{"title":142,"path":147,"stem":148},"\u002Fcomponents\u002Fquantity\u002Foverview","2.components\u002F15.quantity\u002F1.overview",{"title":150,"path":151,"stem":152,"children":153,"page":6},"Radio","\u002Fcomponents\u002Fradio","2.components\u002F16.radio",[154],{"title":150,"path":155,"stem":156},"\u002Fcomponents\u002Fradio\u002Foverview","2.components\u002F16.radio\u002F1.overview",{"title":158,"path":159,"stem":160,"children":161,"page":6},"Radio Group","\u002Fcomponents\u002Fradio-group","2.components\u002F17.radio-group",[162],{"title":163,"path":164,"stem":165},"Radio group","\u002Fcomponents\u002Fradio-group\u002Foverview","2.components\u002F17.radio-group\u002F1.overview",{"title":167,"path":168,"stem":169,"children":170,"page":6},"Rating","\u002Fcomponents\u002Frating","2.components\u002F18.rating",[171],{"title":167,"path":172,"stem":173},"\u002Fcomponents\u002Frating\u002Foverview","2.components\u002F18.rating\u002F1.overview",{"title":175,"path":176,"stem":177,"children":178,"page":6},"Required","\u002Fcomponents\u002Frequired","2.components\u002F19.required",[179],{"title":175,"path":180,"stem":181},"\u002Fcomponents\u002Frequired\u002Foverview","2.components\u002F19.required\u002F1.overview",{"title":183,"path":184,"stem":185,"children":186,"page":6},"Scroll Area","\u002Fcomponents\u002Fscroll-area","2.components\u002F20.scroll-area",[187],{"title":188,"path":189,"stem":190},"Scroll area","\u002Fcomponents\u002Fscroll-area\u002Foverview","2.components\u002F20.scroll-area\u002F1.overview",{"title":192,"path":193,"stem":194,"children":195,"page":6},"Select","\u002Fcomponents\u002Fselect","2.components\u002F21.select",[196],{"title":192,"path":197,"stem":198},"\u002Fcomponents\u002Fselect\u002Foverview","2.components\u002F21.select\u002F1.overview",{"title":200,"path":201,"stem":202},"Spinner","\u002Fcomponents\u002Fspinner","2.components\u002F22.spinner",{"title":204,"path":205,"stem":206,"children":207,"page":6},"Switch","\u002Fcomponents\u002Fswitch","2.components\u002F23.switch",[208],{"title":204,"path":209,"stem":210},"\u002Fcomponents\u002Fswitch\u002Foverview","2.components\u002F23.switch\u002F1.overview",{"title":212,"path":213,"stem":214,"children":215,"page":6},"Tab Badge","\u002Fcomponents\u002Ftab-badge","2.components\u002F24.tab-badge",[216],{"title":217,"path":218,"stem":219},"Tab badge","\u002Fcomponents\u002Ftab-badge\u002Foverview","2.components\u002F24.tab-badge\u002F1.overview",{"title":221,"path":222,"stem":223,"children":224,"page":6},"Tabs","\u002Fcomponents\u002Ftabs","2.components\u002F25.tabs",[225],{"title":221,"path":226,"stem":227},"\u002Fcomponents\u002Ftabs\u002Foverview","2.components\u002F25.tabs\u002F1.overview",{"title":229,"path":230,"stem":231,"children":232,"page":6},"Tag","\u002Fcomponents\u002Ftag","2.components\u002F26.tag",[233],{"title":229,"path":234,"stem":235},"\u002Fcomponents\u002Ftag\u002Foverview","2.components\u002F26.tag\u002F1.overview",{"title":237,"path":238,"stem":239},"Text","\u002Fcomponents\u002Ftext","2.components\u002F27.text",{"title":241,"path":242,"stem":243,"children":244,"page":6},"Textarea","\u002Fcomponents\u002Ftextarea","2.components\u002F28.textarea",[245],{"title":241,"path":246,"stem":247},"\u002Fcomponents\u002Ftextarea\u002Foverview","2.components\u002F28.textarea\u002F1.overview",{"title":249,"path":250,"stem":251,"children":252,"page":6},"Tooltip","\u002Fcomponents\u002Ftooltip","2.components\u002F29.tooltip",[253],{"title":249,"path":254,"stem":255},"\u002Fcomponents\u002Ftooltip\u002Foverview","2.components\u002F29.tooltip\u002F1.overview",{"title":257,"icon":6,"path":258,"stem":259,"children":260,"page":6},"Foundations","\u002Ffoundations","2.foundations",[261,269,273,277],{"title":262,"icon":6,"path":263,"stem":264,"children":265,"page":6},"Color","\u002Ffoundations\u002Fcolor","2.foundations\u002F1.color",[266],{"title":262,"path":267,"stem":268},"\u002Ffoundations\u002Fcolor\u002Foverview","2.foundations\u002F1.color\u002F1.overview",{"title":270,"path":271,"stem":272},"Icons","\u002Ffoundations\u002Ficons","2.foundations\u002F2.icons",{"title":274,"path":275,"stem":276},"Logos and Pins","\u002Ffoundations\u002Flogos-and-pins","2.foundations\u002F3.logos-and-pins",{"title":278,"path":279,"stem":280},"Web layers","\u002Ffoundations\u002Fweb-layers","2.foundations\u002F4.web-layers",{"title":282,"icon":6,"path":283,"stem":284,"children":285,"page":6},"WIP","\u002Fwip","3.wip",[286,290,294,298,302,306,310,314,318,322,326,330,334,338,342,346,350,354,358,362],{"title":287,"path":288,"stem":289},"Additional","\u002Fwip\u002Fadditional","3.wip\u002Fadditional",{"title":291,"path":292,"stem":293},"Alt text","\u002Fwip\u002Falt-text","3.wip\u002Falt-text",{"title":295,"path":296,"stem":297},"AnnouncementBar","\u002Fwip\u002Fannouncement-bar","3.wip\u002Fannouncement-bar",{"title":299,"path":300,"stem":301},"Avatar","\u002Fwip\u002Favatar","3.wip\u002Favatar",{"title":303,"path":304,"stem":305},"Banner","\u002Fwip\u002Fbanner","3.wip\u002Fbanner",{"title":307,"path":308,"stem":309},"Breadcrumbs","\u002Fwip\u002Fbreadcrumbs","3.wip\u002Fbreadcrumbs",{"title":311,"path":312,"stem":313},"Divider & scroll","\u002Fwip\u002Fdivider-scroll","3.wip\u002Fdivider-scroll",{"title":315,"path":316,"stem":317},"FieldMessage","\u002Fwip\u002Ffield-message","3.wip\u002Ffield-message",{"title":319,"path":320,"stem":321},"Focus Ring","\u002Fwip\u002Ffocus-ring","3.wip\u002Ffocus-ring",{"title":323,"path":324,"stem":325},"InlineSeparator","\u002Fwip\u002Finline-separator","3.wip\u002Finline-separator",{"title":327,"path":328,"stem":329},"Modal & drawer","\u002Fwip\u002Fmodal-drawer","3.wip\u002Fmodal-drawer",{"title":331,"path":332,"stem":333},"Optional","\u002Fwip\u002Foptional","3.wip\u002Foptional",{"title":335,"path":336,"stem":337},"Pagination","\u002Fwip\u002Fpagination","3.wip\u002Fpagination",{"title":339,"path":340,"stem":341},"PasswordInput","\u002Fwip\u002Fpassword-input","3.wip\u002Fpassword-input",{"title":343,"path":344,"stem":345},"Pinned bar page","\u002Fwip\u002Fpinned-bar-page","3.wip\u002Fpinned-bar-page",{"title":347,"path":348,"stem":349},"PromotionalBar","\u002Fwip\u002Fpromotional-bar","3.wip\u002Fpromotional-bar",{"title":351,"path":352,"stem":353},"SearchInput","\u002Fwip\u002Fsearch-input","3.wip\u002Fsearch-input",{"title":355,"path":356,"stem":357},"StatusLine","\u002Fwip\u002Fstatus-line","3.wip\u002Fstatus-line",{"title":359,"path":360,"stem":361},"Stepper & loaderBar","\u002Fwip\u002Fstepper-loader-bar","3.wip\u002Fstepper-loader-bar",{"title":363,"path":364,"stem":365},"TextInput","\u002Fwip\u002Ftext-input","3.wip\u002Ftext-input",{"title":367,"icon":6,"path":368,"stem":369,"children":370,"page":6},"Overview","\u002Foverview","4.overview",[371],{"title":372,"path":373,"stem":374},"For developers","\u002Foverview\u002Ffor-developers","4.overview\u002F1.for-developers",{"title":376,"icon":6,"path":377,"stem":378,"children":379,"page":6},"Brand","\u002Fbrand","5.brand",[380,389],{"title":381,"icon":6,"path":382,"stem":383,"children":384,"page":6},"Brand guidelines","\u002Fbrand\u002Fbrand-guidelines","5.brand\u002F1.brand-guidelines",[385],{"title":386,"path":387,"stem":388},"Dr. Max Trademarks Guidelines","\u002Fbrand\u002Fbrand-guidelines\u002Fdr-max-trademarks-guidelines","5.brand\u002F1.brand-guidelines\u002F2.dr-max-trademarks-guidelines",{"title":390,"icon":6,"path":391,"stem":392,"children":393,"page":6},"Assets","\u002Fbrand\u002Fassets","5.brand\u002F2.assets",[394,398],{"title":395,"path":396,"stem":397},"Logos","\u002Fbrand\u002Fassets\u002Flogos","5.brand\u002F2.assets\u002F2.logos",{"title":399,"path":400,"stem":401},"Dr. Max Tagline","\u002Fbrand\u002Fassets\u002Fdr-max-tagline","5.brand\u002F2.assets\u002F3.dr-max-tagline",{"title":403,"icon":6,"path":404,"stem":405,"children":406,"page":6},"Content","\u002Fcontent","6.content",[407,411],{"title":408,"path":409,"stem":410},"Content accessibility","\u002Fcontent\u002Fcontent-accessibility","6.content\u002F1.content-accessibility",{"title":412,"icon":6,"path":413,"stem":414,"children":415,"page":6},"Content guidance","\u002Fcontent\u002Fcontent-guidelines","6.content\u002F2.content-guidelines",[416,420],{"title":417,"path":418,"stem":419},"Category color-coding","\u002Fcontent\u002Fcontent-guidelines\u002Fcategory-color-coding","6.content\u002F2.content-guidelines\u002F2.category-color-coding",{"title":421,"path":422,"stem":423},"Pop-up banners","\u002Fcontent\u002Fcontent-guidelines\u002Fpop-up-banners","6.content\u002F2.content-guidelines\u002F3.pop-up-banners",{"title":425,"icon":6,"path":426,"stem":427,"children":428,"page":6},"Accessibility","\u002Faccessibility","7.accessibility",[429],{"title":430,"path":431,"stem":432,"children":433,"icon":6},"Accessibility guidance","\u002Faccessibility\u002Faccessibility-guidance","7.accessibility\u002F1.accessibility-guidance\u002F1.index",[434,435],{"title":425,"path":431,"stem":432},{"title":436,"path":437,"stem":438},"Understanding WCAG 2.2","\u002Faccessibility\u002Faccessibility-guidance\u002Funderstanding-wcag-2-2","7.accessibility\u002F1.accessibility-guidance\u002F2.understanding-wcag-2-2",{"id":440,"title":262,"body":441,"description":1188,"extension":1189,"links":1190,"meta":1191,"navigation":6,"path":1192,"seo":1193,"stem":1194,"__hash__":1195},"docs\u002F2.foundations\u002F1.color\u002F3.code.md",{"type":442,"value":443,"toc":1181},"minimark",[444,449,453,486,490,502,775,779,790,863,869,873,876,1096,1100,1103,1178],[445,446,448],"h2",{"id":447},"code","Code",[450,451,452],"p",{},"Import the theme once in your application stylesheet. It exposes every palette value as a CSS custom property and as a Tailwind color utility.",[454,455,461],"pre",{"className":456,"code":457,"filename":458,"language":459,"meta":460,"style":460},"language-css shiki shiki-themes material-theme-palenight","@import '@dr-max\u002Fui\u002Ftheme.css';\n","app.css","css","",[447,462,463],{"__ignoreMap":460},[464,465,468,472,476,480,483],"span",{"class":466,"line":467},"line",1,[464,469,471],{"class":470},"s6cf3","@import",[464,473,475],{"class":474},"sAklC"," '",[464,477,479],{"class":478},"sfyAc","@dr-max\u002Fui\u002Ftheme.css",[464,481,482],{"class":474},"'",[464,484,485],{"class":474},";\n",[445,487,489],{"id":488},"apply-colors-to-components","Apply colors to components",[450,491,492,494,495,497,498,501],{},[447,493,101],{}," and ",[447,496,237],{}," accept a ",[447,499,500],{},"class"," prop. Use palette utilities when a design intentionally calls for a specific color.",[454,503,508],{"className":504,"code":505,"filename":506,"language":507,"meta":460,"style":460},"language-vue shiki shiki-themes material-theme-palenight","\u003Cscript setup lang=\"ts\">\nimport { Heading } from '@dr-max\u002Fui\u002Fheading'\nimport { Text } from '@dr-max\u002Fui\u002Ftext'\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003Csection>\n    \u003CHeading class=\"text-green-700\">\n      Your health, our priority\n    \u003C\u002FHeading>\n\n    \u003CText class=\"text-gray-700\">\n      Find trusted advice and products selected for you.\n    \u003C\u002FText>\n\n    \u003CText variant=\"label-medium-sm\" class=\"text-red-600\">\n      Prescription required\n    \u003C\u002FText>\n  \u003C\u002Fsection>\n\u003C\u002Ftemplate>\n","ColorExample.vue","vue",[447,509,510,540,567,588,598,605,615,626,648,654,664,669,689,695,704,709,741,747,756,766],{"__ignoreMap":460},[464,511,512,515,519,523,526,529,532,535,537],{"class":466,"line":467},[464,513,514],{"class":474},"\u003C",[464,516,518],{"class":517},"s-wAU","script",[464,520,522],{"class":521},"sJ14y"," setup",[464,524,525],{"class":521}," lang",[464,527,528],{"class":474},"=",[464,530,531],{"class":474},"\"",[464,533,534],{"class":478},"ts",[464,536,531],{"class":474},[464,538,539],{"class":474},">\n",[464,541,543,546,549,553,556,559,561,564],{"class":466,"line":542},2,[464,544,545],{"class":470},"import",[464,547,548],{"class":474}," {",[464,550,552],{"class":551},"s0W1g"," Heading",[464,554,555],{"class":474}," }",[464,557,558],{"class":470}," from",[464,560,475],{"class":474},[464,562,563],{"class":478},"@dr-max\u002Fui\u002Fheading",[464,565,566],{"class":474},"'\n",[464,568,570,572,574,577,579,581,583,586],{"class":466,"line":569},3,[464,571,545],{"class":470},[464,573,548],{"class":474},[464,575,576],{"class":551}," Text",[464,578,555],{"class":474},[464,580,558],{"class":470},[464,582,475],{"class":474},[464,584,585],{"class":478},"@dr-max\u002Fui\u002Ftext",[464,587,566],{"class":474},[464,589,591,594,596],{"class":466,"line":590},4,[464,592,593],{"class":474},"\u003C\u002F",[464,595,518],{"class":517},[464,597,539],{"class":474},[464,599,601],{"class":466,"line":600},5,[464,602,604],{"emptyLinePlaceholder":603},true,"\n",[464,606,608,610,613],{"class":466,"line":607},6,[464,609,514],{"class":474},[464,611,612],{"class":517},"template",[464,614,539],{"class":474},[464,616,618,621,624],{"class":466,"line":617},7,[464,619,620],{"class":474},"  \u003C",[464,622,623],{"class":517},"section",[464,625,539],{"class":474},[464,627,629,632,634,637,639,641,644,646],{"class":466,"line":628},8,[464,630,631],{"class":474},"    \u003C",[464,633,101],{"class":517},[464,635,636],{"class":521}," class",[464,638,528],{"class":474},[464,640,531],{"class":474},[464,642,643],{"class":478},"text-green-700",[464,645,531],{"class":474},[464,647,539],{"class":474},[464,649,651],{"class":466,"line":650},9,[464,652,653],{"class":551},"      Your health, our priority\n",[464,655,657,660,662],{"class":466,"line":656},10,[464,658,659],{"class":474},"    \u003C\u002F",[464,661,101],{"class":517},[464,663,539],{"class":474},[464,665,667],{"class":466,"line":666},11,[464,668,604],{"emptyLinePlaceholder":603},[464,670,672,674,676,678,680,682,685,687],{"class":466,"line":671},12,[464,673,631],{"class":474},[464,675,237],{"class":517},[464,677,636],{"class":521},[464,679,528],{"class":474},[464,681,531],{"class":474},[464,683,684],{"class":478},"text-gray-700",[464,686,531],{"class":474},[464,688,539],{"class":474},[464,690,692],{"class":466,"line":691},13,[464,693,694],{"class":551},"      Find trusted advice and products selected for you.\n",[464,696,698,700,702],{"class":466,"line":697},14,[464,699,659],{"class":474},[464,701,237],{"class":517},[464,703,539],{"class":474},[464,705,707],{"class":466,"line":706},15,[464,708,604],{"emptyLinePlaceholder":603},[464,710,712,714,716,719,721,723,726,728,730,732,734,737,739],{"class":466,"line":711},16,[464,713,631],{"class":474},[464,715,237],{"class":517},[464,717,718],{"class":521}," variant",[464,720,528],{"class":474},[464,722,531],{"class":474},[464,724,725],{"class":478},"label-medium-sm",[464,727,531],{"class":474},[464,729,636],{"class":521},[464,731,528],{"class":474},[464,733,531],{"class":474},[464,735,736],{"class":478},"text-red-600",[464,738,531],{"class":474},[464,740,539],{"class":474},[464,742,744],{"class":466,"line":743},17,[464,745,746],{"class":551},"      Prescription required\n",[464,748,750,752,754],{"class":466,"line":749},18,[464,751,659],{"class":474},[464,753,237],{"class":517},[464,755,539],{"class":474},[464,757,759,762,764],{"class":466,"line":758},19,[464,760,761],{"class":474},"  \u003C\u002F",[464,763,623],{"class":517},[464,765,539],{"class":474},[464,767,769,771,773],{"class":466,"line":768},20,[464,770,593],{"class":474},[464,772,612],{"class":517},[464,774,539],{"class":474},[445,776,778],{"id":777},"override-the-text-defaults","Override the text defaults",[450,780,781,782,785,786,789],{},"Headings use ",[447,783,784],{},"--color-black-primary","; body text uses ",[447,787,788],{},"--color-black-secondary",". Override those role tokens after the theme import to change the defaults across an application.",[454,791,793],{"className":456,"code":792,"filename":458,"language":459,"meta":460,"style":460},"@import '@dr-max\u002Fui\u002Ftheme.css';\n\n:root {\n  --color-black-primary: var(--color-green-900);\n  --color-black-secondary: var(--color-green-700);\n}\n",[447,794,795,807,811,822,842,858],{"__ignoreMap":460},[464,796,797,799,801,803,805],{"class":466,"line":467},[464,798,471],{"class":470},[464,800,475],{"class":474},[464,802,479],{"class":478},[464,804,482],{"class":474},[464,806,485],{"class":474},[464,808,809],{"class":466,"line":542},[464,810,604],{"emptyLinePlaceholder":603},[464,812,813,816,819],{"class":466,"line":569},[464,814,815],{"class":474},":",[464,817,818],{"class":521},"root",[464,820,821],{"class":474}," {\n",[464,823,824,827,829,833,836,839],{"class":466,"line":590},[464,825,826],{"class":551},"  --color-black-primary",[464,828,815],{"class":474},[464,830,832],{"class":831},"sdLwU"," var",[464,834,835],{"class":474},"(",[464,837,838],{"class":551},"--color-green-900",[464,840,841],{"class":474},");\n",[464,843,844,847,849,851,853,856],{"class":466,"line":600},[464,845,846],{"class":551},"  --color-black-secondary",[464,848,815],{"class":474},[464,850,832],{"class":831},[464,852,835],{"class":474},[464,854,855],{"class":551},"--color-green-700",[464,857,841],{"class":474},[464,859,860],{"class":466,"line":607},[464,861,862],{"class":474},"}\n",[450,864,865,866,868],{},"Prefer overriding role tokens for broad theming. Keep palette tokens such as ",[447,867,855],{}," stable so their names continue to describe their actual colors.",[445,870,872],{"id":871},"scope-an-override","Scope an override",[450,874,875],{},"CSS custom properties inherit, so a theme can be limited to one part of the page without changing component props.",[454,877,880],{"className":504,"code":878,"filename":879,"language":507,"meta":460,"style":460},"\u003Cscript setup lang=\"ts\">\nimport { Heading } from '@dr-max\u002Fui\u002Fheading'\nimport { Text } from '@dr-max\u002Fui\u002Ftext'\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003Csection class=\"campaign-theme\">\n    \u003CHeading>Seasonal care\u003C\u002FHeading>\n    \u003CText>This copy inherits the campaign colors.\u003C\u002FText>\n  \u003C\u002Fsection>\n\u003C\u002Ftemplate>\n\n\u003Cstyle scoped>\n.campaign-theme {\n  --color-black-primary: var(--color-purple-900);\n  --color-black-secondary: var(--color-purple-700);\n}\n\u003C\u002Fstyle>\n","CampaignPanel.vue",[447,881,882,902,920,938,946,950,958,977,995,1012,1020,1028,1032,1044,1054,1069,1084,1088],{"__ignoreMap":460},[464,883,884,886,888,890,892,894,896,898,900],{"class":466,"line":467},[464,885,514],{"class":474},[464,887,518],{"class":517},[464,889,522],{"class":521},[464,891,525],{"class":521},[464,893,528],{"class":474},[464,895,531],{"class":474},[464,897,534],{"class":478},[464,899,531],{"class":474},[464,901,539],{"class":474},[464,903,904,906,908,910,912,914,916,918],{"class":466,"line":542},[464,905,545],{"class":470},[464,907,548],{"class":474},[464,909,552],{"class":551},[464,911,555],{"class":474},[464,913,558],{"class":470},[464,915,475],{"class":474},[464,917,563],{"class":478},[464,919,566],{"class":474},[464,921,922,924,926,928,930,932,934,936],{"class":466,"line":569},[464,923,545],{"class":470},[464,925,548],{"class":474},[464,927,576],{"class":551},[464,929,555],{"class":474},[464,931,558],{"class":470},[464,933,475],{"class":474},[464,935,585],{"class":478},[464,937,566],{"class":474},[464,939,940,942,944],{"class":466,"line":590},[464,941,593],{"class":474},[464,943,518],{"class":517},[464,945,539],{"class":474},[464,947,948],{"class":466,"line":600},[464,949,604],{"emptyLinePlaceholder":603},[464,951,952,954,956],{"class":466,"line":607},[464,953,514],{"class":474},[464,955,612],{"class":517},[464,957,539],{"class":474},[464,959,960,962,964,966,968,970,973,975],{"class":466,"line":617},[464,961,620],{"class":474},[464,963,623],{"class":517},[464,965,636],{"class":521},[464,967,528],{"class":474},[464,969,531],{"class":474},[464,971,972],{"class":478},"campaign-theme",[464,974,531],{"class":474},[464,976,539],{"class":474},[464,978,979,981,983,986,989,991,993],{"class":466,"line":628},[464,980,631],{"class":474},[464,982,101],{"class":517},[464,984,985],{"class":474},">",[464,987,988],{"class":551},"Seasonal care",[464,990,593],{"class":474},[464,992,101],{"class":517},[464,994,539],{"class":474},[464,996,997,999,1001,1003,1006,1008,1010],{"class":466,"line":650},[464,998,631],{"class":474},[464,1000,237],{"class":517},[464,1002,985],{"class":474},[464,1004,1005],{"class":551},"This copy inherits the campaign colors.",[464,1007,593],{"class":474},[464,1009,237],{"class":517},[464,1011,539],{"class":474},[464,1013,1014,1016,1018],{"class":466,"line":656},[464,1015,761],{"class":474},[464,1017,623],{"class":517},[464,1019,539],{"class":474},[464,1021,1022,1024,1026],{"class":466,"line":666},[464,1023,593],{"class":474},[464,1025,612],{"class":517},[464,1027,539],{"class":474},[464,1029,1030],{"class":466,"line":671},[464,1031,604],{"emptyLinePlaceholder":603},[464,1033,1034,1036,1039,1042],{"class":466,"line":691},[464,1035,514],{"class":474},[464,1037,1038],{"class":517},"style",[464,1040,1041],{"class":521}," scoped",[464,1043,539],{"class":474},[464,1045,1046,1049,1052],{"class":466,"line":697},[464,1047,1048],{"class":474},".",[464,1050,972],{"class":1051},"s5Dmg",[464,1053,821],{"class":474},[464,1055,1056,1058,1060,1062,1064,1067],{"class":466,"line":706},[464,1057,826],{"class":551},[464,1059,815],{"class":474},[464,1061,832],{"class":831},[464,1063,835],{"class":474},[464,1065,1066],{"class":551},"--color-purple-900",[464,1068,841],{"class":474},[464,1070,1071,1073,1075,1077,1079,1082],{"class":466,"line":711},[464,1072,846],{"class":551},[464,1074,815],{"class":474},[464,1076,832],{"class":831},[464,1078,835],{"class":474},[464,1080,1081],{"class":551},"--color-purple-700",[464,1083,841],{"class":474},[464,1085,1086],{"class":466,"line":743},[464,1087,862],{"class":474},[464,1089,1090,1092,1094],{"class":466,"line":749},[464,1091,593],{"class":474},[464,1093,1038],{"class":517},[464,1095,539],{"class":474},[445,1097,1099],{"id":1098},"use-a-token-without-tailwind","Use a token without Tailwind",[450,1101,1102],{},"The same variables work in plain CSS, CSS modules, and component styles.",[454,1104,1106],{"className":456,"code":1105,"language":459,"meta":460,"style":460},".status-message {\n  border-inline-start: 4px solid var(--color-green-400);\n  background: var(--color-green-25);\n  color: var(--color-green-800);\n}\n",[447,1107,1108,1117,1142,1158,1174],{"__ignoreMap":460},[464,1109,1110,1112,1115],{"class":466,"line":467},[464,1111,1048],{"class":474},[464,1113,1114],{"class":1051},"status-message",[464,1116,821],{"class":474},[464,1118,1119,1123,1125,1129,1132,1135,1137,1140],{"class":466,"line":542},[464,1120,1122],{"class":1121},"s6YsC","  border-inline-start",[464,1124,815],{"class":474},[464,1126,1128],{"class":1127},"sx098"," 4px",[464,1130,1131],{"class":551}," solid ",[464,1133,1134],{"class":831},"var",[464,1136,835],{"class":474},[464,1138,1139],{"class":551},"--color-green-400",[464,1141,841],{"class":474},[464,1143,1144,1147,1149,1151,1153,1156],{"class":466,"line":569},[464,1145,1146],{"class":1121},"  background",[464,1148,815],{"class":474},[464,1150,832],{"class":831},[464,1152,835],{"class":474},[464,1154,1155],{"class":551},"--color-green-25",[464,1157,841],{"class":474},[464,1159,1160,1163,1165,1167,1169,1172],{"class":466,"line":590},[464,1161,1162],{"class":1121},"  color",[464,1164,815],{"class":474},[464,1166,832],{"class":831},[464,1168,835],{"class":474},[464,1170,1171],{"class":551},"--color-green-800",[464,1173,841],{"class":474},[464,1175,1176],{"class":466,"line":600},[464,1177,862],{"class":474},[1038,1179,1180],{},"html pre.shiki code .s6cf3, html code.shiki .s6cf3{--shiki-default:#89DDFF;--shiki-default-font-style:italic}html pre.shiki code .sAklC, html code.shiki .sAklC{--shiki-default:#89DDFF}html pre.shiki code .sfyAc, html code.shiki .sfyAc{--shiki-default:#C3E88D}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html pre.shiki code .s-wAU, html code.shiki .s-wAU{--shiki-default:#F07178}html pre.shiki code .sJ14y, html code.shiki .sJ14y{--shiki-default:#C792EA}html pre.shiki code .s0W1g, html code.shiki .s0W1g{--shiki-default:#BABED8}html pre.shiki code .sdLwU, html code.shiki .sdLwU{--shiki-default:#82AAFF}html pre.shiki code .s5Dmg, html code.shiki .s5Dmg{--shiki-default:#FFCB6B}html pre.shiki code .s6YsC, html code.shiki .s6YsC{--shiki-default:#B2CCD6}html pre.shiki code .sx098, html code.shiki .sx098{--shiki-default:#F78C6C}",{"title":460,"searchDepth":467,"depth":542,"links":1182},[1183,1184,1185,1186,1187],{"id":447,"depth":542,"text":448},{"id":488,"depth":542,"text":489},{"id":777,"depth":542,"text":778},{"id":871,"depth":542,"text":872},{"id":1098,"depth":542,"text":1099},"Communicate hierarchy, state and brand.","md",null,{},"\u002Ffoundations\u002Fcolor\u002Fcode",{"title":262,"description":1188},"2.foundations\u002F1.color\u002F3.code","V3shkgaSE8FsJSVOhzlfnSCRWDRwei2IR26guBGmI6k",1793289681255]