[{"data":1,"prerenderedAt":847},["ShallowReactive",2],{"navigation_docs":3,"-colorffy-css-utilities-colors-gradients":273,"-colorffy-css-utilities-colors-gradients-surround":842},[4,21,115],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":20},"Getting Started","i-lucide-rocket","\u002Fgetting-started","1.getting-started",[10,15],{"title":11,"path":12,"stem":13,"icon":14},"Introduction","\u002Fgetting-started\u002Fintroduction","1.getting-started\u002F1.introduction","i-lucide-house",{"title":16,"path":17,"stem":18,"icon":19},"Installation","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F2.installation","i-lucide-download",false,{"title":22,"icon":23,"path":24,"stem":25,"children":26,"page":20},"Colorffy CSS","i-lucide-palette","\u002Fcolorffy-css","2.colorffy-css",[27,32,37,42,78,99],{"title":28,"path":29,"stem":30,"icon":31},"Overview","\u002Fcolorffy-css\u002Foverview","2.colorffy-css\u002F1.overview","i-lucide-book-open",{"title":33,"path":34,"stem":35,"icon":36},"Color System","\u002Fcolorffy-css\u002Fcolor-system","2.colorffy-css\u002F2.color-system","i-lucide-droplet",{"title":38,"path":39,"stem":40,"icon":41},"Customization","\u002Fcolorffy-css\u002Fcustomization","2.colorffy-css\u002F3.customization","i-lucide-settings",{"title":43,"icon":44,"path":45,"stem":46,"children":47,"page":20},"Utilities","i-lucide-wrench","\u002Fcolorffy-css\u002Futilities","2.colorffy-css\u002F4.utilities",[48,53,58,63,68,73],{"title":49,"path":50,"stem":51,"icon":52},"Borders & Shadows","\u002Fcolorffy-css\u002Futilities\u002Fborders-shadows","2.colorffy-css\u002F4.utilities\u002F01.borders-shadows","i-lucide-frame",{"title":54,"path":55,"stem":56,"icon":57},"Colors & Gradients","\u002Fcolorffy-css\u002Futilities\u002Fcolors-gradients","2.colorffy-css\u002F4.utilities\u002F02.colors-gradients","i-lucide-paint-bucket",{"title":59,"path":60,"stem":61,"icon":62},"Display & Flexbox","\u002Fcolorffy-css\u002Futilities\u002Fdisplay-flexbox","2.colorffy-css\u002F4.utilities\u002F03.display-flexbox","i-lucide-stretch-horizontal",{"title":64,"path":65,"stem":66,"icon":67},"Effects","\u002Fcolorffy-css\u002Futilities\u002Feffects","2.colorffy-css\u002F4.utilities\u002F04.effects","i-lucide-wand-sparkles",{"title":69,"path":70,"stem":71,"icon":72},"Spacing","\u002Fcolorffy-css\u002Futilities\u002Fspacing","2.colorffy-css\u002F4.utilities\u002F05.spacing","i-lucide-ruler",{"title":74,"path":75,"stem":76,"icon":77},"Typography","\u002Fcolorffy-css\u002Futilities\u002Ftypography","2.colorffy-css\u002F4.utilities\u002F06.typography","i-lucide-type",{"title":79,"icon":80,"path":81,"stem":82,"children":83,"page":20},"Layout","i-lucide-layout-template","\u002Fcolorffy-css\u002Flayout","2.colorffy-css\u002F5.layout",[84,89,94],{"title":85,"path":86,"stem":87,"icon":88},"App Layout","\u002Fcolorffy-css\u002Flayout\u002Fapp-layout","2.colorffy-css\u002F5.layout\u002F01.app-layout","i-lucide-app-window",{"title":90,"path":91,"stem":92,"icon":93},"Flex Grid","\u002Fcolorffy-css\u002Flayout\u002Fflex-grid","2.colorffy-css\u002F5.layout\u002F02.flex-grid","i-lucide-columns-3",{"title":95,"path":96,"stem":97,"icon":98},"Grid","\u002Fcolorffy-css\u002Flayout\u002Fgrid","2.colorffy-css\u002F5.layout\u002F03.grid","i-lucide-grid-3x3",{"title":100,"icon":101,"path":102,"stem":103,"children":104,"page":20},"SCSS API","i-lucide-braces","\u002Fcolorffy-css\u002Fscss-api","2.colorffy-css\u002F6.scss-api",[105,110],{"title":106,"path":107,"stem":108,"icon":109},"Mixins","\u002Fcolorffy-css\u002Fscss-api\u002Fmixins","2.colorffy-css\u002F6.scss-api\u002F01.mixins","i-lucide-code",{"title":111,"path":112,"stem":113,"icon":114},"Tonal Tokens","\u002Fcolorffy-css\u002Fscss-api\u002Ftonal-tokens","2.colorffy-css\u002F6.scss-api\u002F02.tonal-tokens","i-lucide-swatch-book",{"title":116,"icon":117,"path":118,"stem":119,"children":120,"page":20},"Colorffy UI","i-lucide-blocks","\u002Fcolorffy-ui","3.colorffy-ui",[121,125,268],{"title":122,"path":123,"stem":124,"icon":31},"Usage","\u002Fcolorffy-ui\u002Fusage","3.colorffy-ui\u002F1.usage",{"title":126,"icon":127,"path":128,"stem":129,"children":130,"page":20},"Components","i-lucide-component","\u002Fcolorffy-ui\u002Fcomponents","3.colorffy-ui\u002F2.components",[131,135,140,145,150,155,160,165,170,175,180,185,190,195,200,204,209,214,218,223,228,233,238,243,248,253,258,263],{"title":28,"path":132,"stem":133,"icon":134},"\u002Fcolorffy-ui\u002Fcomponents\u002Foverview","3.colorffy-ui\u002F2.components\u002F00.overview","i-lucide-layout-grid",{"title":136,"path":137,"stem":138,"icon":139},"Accordion","\u002Fcolorffy-ui\u002Fcomponents\u002Faccordion","3.colorffy-ui\u002F2.components\u002F01.accordion","i-lucide-chevrons-down-up",{"title":141,"path":142,"stem":143,"icon":144},"Alert","\u002Fcolorffy-ui\u002Fcomponents\u002Falert","3.colorffy-ui\u002F2.components\u002F02.alert","i-lucide-triangle-alert",{"title":146,"path":147,"stem":148,"icon":149},"Avatar","\u002Fcolorffy-ui\u002Fcomponents\u002Favatar","3.colorffy-ui\u002F2.components\u002F03.avatar","i-lucide-circle-user",{"title":151,"path":152,"stem":153,"icon":154},"Badge","\u002Fcolorffy-ui\u002Fcomponents\u002Fbadge","3.colorffy-ui\u002F2.components\u002F04.badge","i-lucide-tag",{"title":156,"path":157,"stem":158,"icon":159},"Breadcrumb","\u002Fcolorffy-ui\u002Fcomponents\u002Fbreadcrumb","3.colorffy-ui\u002F2.components\u002F05.breadcrumb","i-lucide-chevron-right",{"title":161,"path":162,"stem":163,"icon":164},"Button","\u002Fcolorffy-ui\u002Fcomponents\u002Fbutton","3.colorffy-ui\u002F2.components\u002F06.button","i-lucide-square-mouse-pointer",{"title":166,"path":167,"stem":168,"icon":169},"Button Group","\u002Fcolorffy-ui\u002Fcomponents\u002Fbutton-group","3.colorffy-ui\u002F2.components\u002F07.button-group","i-lucide-square-stack",{"title":171,"path":172,"stem":173,"icon":174},"Button Menu","\u002Fcolorffy-ui\u002Fcomponents\u002Fbutton-menu","3.colorffy-ui\u002F2.components\u002F08.button-menu","i-lucide-menu",{"title":176,"path":177,"stem":178,"icon":179},"Card","\u002Fcolorffy-ui\u002Fcomponents\u002Fcard","3.colorffy-ui\u002F2.components\u002F09.card","i-lucide-square",{"title":181,"path":182,"stem":183,"icon":184},"Datatable","\u002Fcolorffy-ui\u002Fcomponents\u002Fdatatable","3.colorffy-ui\u002F2.components\u002F10.datatable","i-lucide-table",{"title":186,"path":187,"stem":188,"icon":189},"Empty","\u002Fcolorffy-ui\u002Fcomponents\u002Fempty","3.colorffy-ui\u002F2.components\u002F11.empty","i-lucide-inbox",{"title":191,"path":192,"stem":193,"icon":194},"Icons","\u002Fcolorffy-ui\u002Fcomponents\u002Ficons","3.colorffy-ui\u002F2.components\u002F12.icons","i-lucide-shapes",{"title":196,"path":197,"stem":198,"icon":199},"Inputs","\u002Fcolorffy-ui\u002Fcomponents\u002Finputs","3.colorffy-ui\u002F2.components\u002F13.inputs","i-lucide-text-cursor-input",{"title":79,"path":201,"stem":202,"icon":203},"\u002Fcolorffy-ui\u002Fcomponents\u002Flayout","3.colorffy-ui\u002F2.components\u002F14.layout","i-lucide-layout",{"title":205,"path":206,"stem":207,"icon":208},"List","\u002Fcolorffy-ui\u002Fcomponents\u002Flist","3.colorffy-ui\u002F2.components\u002F15.list","i-lucide-list",{"title":210,"path":211,"stem":212,"icon":213},"Loading","\u002Fcolorffy-ui\u002Fcomponents\u002Floading","3.colorffy-ui\u002F2.components\u002F16.loading","i-lucide-loader-circle",{"title":215,"path":216,"stem":217,"icon":88},"Modal","\u002Fcolorffy-ui\u002Fcomponents\u002Fmodal","3.colorffy-ui\u002F2.components\u002F17.modal",{"title":219,"path":220,"stem":221,"icon":222},"Navbar","\u002Fcolorffy-ui\u002Fcomponents\u002Fnavbar","3.colorffy-ui\u002F2.components\u002F18.navbar","i-lucide-panel-top",{"title":224,"path":225,"stem":226,"icon":227},"Navigation Bar","\u002Fcolorffy-ui\u002Fcomponents\u002Fnavigation-bar","3.colorffy-ui\u002F2.components\u002F19.navigation-bar","i-lucide-navigation",{"title":229,"path":230,"stem":231,"icon":232},"Popover","\u002Fcolorffy-ui\u002Fcomponents\u002Fpopover","3.colorffy-ui\u002F2.components\u002F20.popover","i-lucide-message-square",{"title":234,"path":235,"stem":236,"icon":237},"Popover Menu","\u002Fcolorffy-ui\u002Fcomponents\u002Fpopover-menu","3.colorffy-ui\u002F2.components\u002F21.popover-menu","i-lucide-ellipsis",{"title":239,"path":240,"stem":241,"icon":242},"Progress","\u002Fcolorffy-ui\u002Fcomponents\u002Fprogress","3.colorffy-ui\u002F2.components\u002F22.progress","i-lucide-loader",{"title":244,"path":245,"stem":246,"icon":247},"Segmented Controls","\u002Fcolorffy-ui\u002Fcomponents\u002Fsegmented-controls","3.colorffy-ui\u002F2.components\u002F23.segmented-controls","i-lucide-toggle-left",{"title":249,"path":250,"stem":251,"icon":252},"Sidebar","\u002Fcolorffy-ui\u002Fcomponents\u002Fsidebar","3.colorffy-ui\u002F2.components\u002F24.sidebar","i-lucide-panel-left",{"title":254,"path":255,"stem":256,"icon":257},"Skeleton","\u002Fcolorffy-ui\u002Fcomponents\u002Fskeleton","3.colorffy-ui\u002F2.components\u002F25.skeleton","i-lucide-square-dashed",{"title":259,"path":260,"stem":261,"icon":262},"Tabs","\u002Fcolorffy-ui\u002Fcomponents\u002Ftabs","3.colorffy-ui\u002F2.components\u002F26.tabs","i-lucide-panels-top-left",{"title":264,"path":265,"stem":266,"icon":267},"Tooltip","\u002Fcolorffy-ui\u002Fcomponents\u002Ftooltip","3.colorffy-ui\u002F2.components\u002F27.tooltip","i-lucide-message-circle",{"title":269,"path":270,"stem":271,"icon":272},"Styling","\u002Fcolorffy-ui\u002Fstyling","3.colorffy-ui\u002F3.styling","i-lucide-paintbrush",{"id":274,"title":54,"body":275,"description":835,"extension":836,"links":837,"meta":838,"navigation":839,"path":55,"seo":840,"stem":56,"__hash__":841},"docs\u002F2.colorffy-css\u002F4.utilities\u002F02.colors-gradients.md",{"type":276,"value":277,"toc":830},"minimark",[278,282,287,329,439,442,485,489,495,585,634,638,654,716,808,826],[279,280,281],"p",{},"Color utilities map to the tonal token system, so they adapt to light and dark mode automatically.",[283,284,286],"h2",{"id":285},"text-color","Text color",[279,288,289,293,294,297,298,297,301,297,304,297,307,297,310,297,313,297,316,297,319,297,322,297,325,328],{},[290,291,292],"code",{},"text-{intent}"," where intent is ",[290,295,296],{},"primary",", ",[290,299,300],{},"secondary",[290,302,303],{},"accent",[290,305,306],{},"success",[290,308,309],{},"warning",[290,311,312],{},"danger",[290,314,315],{},"info",[290,317,318],{},"muted",[290,320,321],{},"white",[290,323,324],{},"black",[290,326,327],{},"dark",":",[330,331,336],"pre",{"className":332,"code":333,"language":334,"meta":335,"style":335},"language-html shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cp class=\"text-primary\">Primary text\u003C\u002Fp>\n\u003Cp class=\"text-danger\">Danger text\u003C\u002Fp>\n\u003Cp class=\"text-muted\">Muted text\u003C\u002Fp>\n","html","",[290,337,338,381,410],{"__ignoreMap":335},[339,340,343,347,350,354,357,360,364,366,369,373,376,378],"span",{"class":341,"line":342},"line",1,[339,344,346],{"class":345},"sMK4o","\u003C",[339,348,279],{"class":349},"swJcz",[339,351,353],{"class":352},"spNyl"," class",[339,355,356],{"class":345},"=",[339,358,359],{"class":345},"\"",[339,361,363],{"class":362},"sfazB","text-primary",[339,365,359],{"class":345},[339,367,368],{"class":345},">",[339,370,372],{"class":371},"sTEyZ","Primary text",[339,374,375],{"class":345},"\u003C\u002F",[339,377,279],{"class":349},[339,379,380],{"class":345},">\n",[339,382,384,386,388,390,392,394,397,399,401,404,406,408],{"class":341,"line":383},2,[339,385,346],{"class":345},[339,387,279],{"class":349},[339,389,353],{"class":352},[339,391,356],{"class":345},[339,393,359],{"class":345},[339,395,396],{"class":362},"text-danger",[339,398,359],{"class":345},[339,400,368],{"class":345},[339,402,403],{"class":371},"Danger text",[339,405,375],{"class":345},[339,407,279],{"class":349},[339,409,380],{"class":345},[339,411,413,415,417,419,421,423,426,428,430,433,435,437],{"class":341,"line":412},3,[339,414,346],{"class":345},[339,416,279],{"class":349},[339,418,353],{"class":352},[339,420,356],{"class":345},[339,422,359],{"class":345},[339,424,425],{"class":362},"text-muted",[339,427,359],{"class":345},[339,429,368],{"class":345},[339,431,432],{"class":371},"Muted text",[339,434,375],{"class":345},[339,436,279],{"class":349},[339,438,380],{"class":345},[279,440,441],{},"Variants:",[443,444,445,452,462,475],"ul",{},[446,447,448,451],"li",{},[290,449,450],{},"text-{intent}-emphasis"," — higher-contrast tone.",[446,453,454,457,458,461],{},[290,455,456],{},"text-{intent}-fixed"," — the fixed brand tone (ignores light\u002Fdark adaptation); pairs with ",[290,459,460],{},"text-opacity-{0–100}",".",[446,463,464,467,468,467,471,474],{},[290,465,466],{},"text-on-{intent}"," \u002F ",[290,469,470],{},"text-on-body",[290,472,473],{},"text-on-body-inverse"," — readable foreground for a colored surface.",[446,476,477,480,481,484],{},[290,478,479],{},"text-link"," (+ ",[290,482,483],{},"text-link-emphasis",") — underlined link style.",[283,486,488],{"id":487},"background-color","Background color",[279,490,491,494],{},[290,492,493],{},"bg-{intent}"," with the same intents, plus surfaces and effects:",[330,496,498],{"className":332,"code":497,"language":334,"meta":335,"style":335},"\u003Cdiv class=\"bg-primary text-on-primary\">Primary surface\u003C\u002Fdiv>\n\u003Cdiv class=\"bg-surface-pane\">Pane surface\u003C\u002Fdiv>\n\u003Cdiv class=\"bg-frosted\">Frosted glass\u003C\u002Fdiv>\n",[290,499,500,529,557],{"__ignoreMap":335},[339,501,502,504,507,509,511,513,516,518,520,523,525,527],{"class":341,"line":342},[339,503,346],{"class":345},[339,505,506],{"class":349},"div",[339,508,353],{"class":352},[339,510,356],{"class":345},[339,512,359],{"class":345},[339,514,515],{"class":362},"bg-primary text-on-primary",[339,517,359],{"class":345},[339,519,368],{"class":345},[339,521,522],{"class":371},"Primary surface",[339,524,375],{"class":345},[339,526,506],{"class":349},[339,528,380],{"class":345},[339,530,531,533,535,537,539,541,544,546,548,551,553,555],{"class":341,"line":383},[339,532,346],{"class":345},[339,534,506],{"class":349},[339,536,353],{"class":352},[339,538,356],{"class":345},[339,540,359],{"class":345},[339,542,543],{"class":362},"bg-surface-pane",[339,545,359],{"class":345},[339,547,368],{"class":345},[339,549,550],{"class":371},"Pane surface",[339,552,375],{"class":345},[339,554,506],{"class":349},[339,556,380],{"class":345},[339,558,559,561,563,565,567,569,572,574,576,579,581,583],{"class":341,"line":412},[339,560,346],{"class":345},[339,562,506],{"class":349},[339,564,353],{"class":352},[339,566,356],{"class":345},[339,568,359],{"class":345},[339,570,571],{"class":362},"bg-frosted",[339,573,359],{"class":345},[339,575,368],{"class":345},[339,577,578],{"class":371},"Frosted glass",[339,580,375],{"class":345},[339,582,506],{"class":349},[339,584,380],{"class":345},[443,586,587,598,616],{},[446,588,589,297,592,297,595],{},[290,590,591],{},"bg-{intent}-emphasis",[290,593,594],{},"bg-{intent}-fixed",[290,596,597],{},"bg-opacity-{0–100}",[446,599,600,297,603,297,605,297,608,297,610,297,613],{},[290,601,602],{},"bg-surface-base",[290,604,543],{},[290,606,607],{},"bg-body",[290,609,571],{},[290,611,612],{},"bg-frosted-dark",[290,614,615],{},"bg-transparent",[446,617,618,480,621,624,625,297,628,297,631],{},[290,619,620],{},"bg-gradient",[290,622,623],{},"angle-{degrees}","), ",[290,626,627],{},"bg-color-mix",[290,629,630],{},"bg-relative-color",[290,632,633],{},"bg-bordered-gradient",[283,635,637],{"id":636},"gradients","Gradients",[279,639,640,641,297,644,646,647,650,651,328],{},"Add ",[290,642,643],{},"text-gradient",[290,645,620],{},", or ",[290,648,649],{},"border-gradient",", then pick a preset with ",[290,652,653],{},"gradient-{name}",[330,655,657],{"className":332,"code":656,"language":334,"meta":335,"style":335},"\u003Ch1 class=\"text-gradient gradient-sunset\">Vivid heading\u003C\u002Fh1>\n\u003Cdiv class=\"bg-gradient gradient-cyan\">Cyan panel\u003C\u002Fdiv>\n",[290,658,659,688],{"__ignoreMap":335},[339,660,661,663,666,668,670,672,675,677,679,682,684,686],{"class":341,"line":342},[339,662,346],{"class":345},[339,664,665],{"class":349},"h1",[339,667,353],{"class":352},[339,669,356],{"class":345},[339,671,359],{"class":345},[339,673,674],{"class":362},"text-gradient gradient-sunset",[339,676,359],{"class":345},[339,678,368],{"class":345},[339,680,681],{"class":371},"Vivid heading",[339,683,375],{"class":345},[339,685,665],{"class":349},[339,687,380],{"class":345},[339,689,690,692,694,696,698,700,703,705,707,710,712,714],{"class":341,"line":383},[339,691,346],{"class":345},[339,693,506],{"class":349},[339,695,353],{"class":352},[339,697,356],{"class":345},[339,699,359],{"class":345},[339,701,702],{"class":362},"bg-gradient gradient-cyan",[339,704,359],{"class":345},[339,706,368],{"class":345},[339,708,709],{"class":371},"Cyan panel",[339,711,375],{"class":345},[339,713,506],{"class":349},[339,715,380],{"class":345},[279,717,718,722,723,297,726,297,729,297,732,297,735,297,738,297,741,744,745,748,749,297,752,297,755,297,758,297,761,297,764,297,767,297,770,297,773,297,776,297,779,297,782,297,785,297,788,297,790,297,793,297,796,297,799,297,802,297,805,461],{},[719,720,721],"strong",{},"Semantic presets"," (",[290,724,725],{},"gradient-primary",[290,727,728],{},"-secondary",[290,730,731],{},"-accent",[290,733,734],{},"-success",[290,736,737],{},"-warning",[290,739,740],{},"-danger",[290,742,743],{},"-info",") follow your theme. ",[719,746,747],{},"Named presets",": ",[290,750,751],{},"pink",[290,753,754],{},"magenta",[290,756,757],{},"emerald",[290,759,760],{},"cyan",[290,762,763],{},"rose",[290,765,766],{},"purple",[290,768,769],{},"yellow",[290,771,772],{},"orange",[290,774,775],{},"lime",[290,777,778],{},"amber",[290,780,781],{},"red",[290,783,784],{},"blue",[290,786,787],{},"gray",[290,789,321],{},[290,791,792],{},"indigo",[290,794,795],{},"indigo-dark",[290,797,798],{},"violet",[290,800,801],{},"green",[290,803,804],{},"fuchsia",[290,806,807],{},"navy",[809,810,811,812,818,819,822,823,825],"note",{},"Border colors live on the ",[813,814,815],"a",{"href":50},[290,816,817],{},".border"," class (e.g. ",[290,820,821],{},"border border-primary","). See ",[813,824,33],{"href":34}," for the underlying tokens.",[827,828,829],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}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 .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":335,"searchDepth":383,"depth":383,"links":831},[832,833,834],{"id":285,"depth":383,"text":286},{"id":487,"depth":383,"text":488},{"id":636,"depth":383,"text":637},"Text, background, and gradient utilities powered by the tonal color system.","md",null,{},{"icon":57},{"title":54,"description":835},"C0IuD71AQcS34sWFvh4Rx21xcrG6yu5dks1xMDVaa-g",[843,845],{"title":49,"path":50,"stem":51,"description":844,"icon":52,"children":-1},"Borders, corner radius, gradient borders, and elevation shadows.",{"title":59,"path":60,"stem":61,"description":846,"icon":62,"children":-1},"Display, flexbox, alignment, position, sizing, and z-index utilities.",1782196219260]