@tmorrow/cre8-wc 2.3.5 → 2.3.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/a2ui/catalog-embeddings.json +45686 -0
- package/a2ui/catalog-kg.json +1 -1
- package/a2ui/catalog.compact.json +2 -2
- package/a2ui/catalog.json +2 -2
- package/a2ui/check-layer-parity.mjs +51 -0
- package/a2ui/check-skill-fidelity.mjs +207 -0
- package/a2ui/embedding-text.mjs +58 -0
- package/a2ui/generate-embeddings.mjs +164 -0
- package/a2ui/inert-props.json +1 -1
- package/cdn/cre8-wc.esm.js +10262 -10137
- package/cdn/cre8-wc.esm.js.map +1 -1
- package/cdn/cre8-wc.min.js +5632 -5507
- package/cdn/cre8-wc.min.js.map +1 -1
- package/dist/assets/{Changelog-Documentation-Csl1aBwJ.js → Changelog-Documentation-CnXUTdpx.js} +1 -1
- package/dist/assets/{Code-Guidelines-BqNlRUKt.js → Code-Guidelines-DynOD8d9.js} +1 -1
- package/dist/assets/{Color-6AOWCN3U-CsLUzVsR.js → Color-6AOWCN3U-C3FLOpHM.js} +1 -1
- package/dist/assets/{Contributing-Guidelines-CT2DvWzd.js → Contributing-Guidelines-C6vCiV7s.js} +1 -1
- package/dist/assets/{DocsRenderer-JROSPFPF-CgiQjbt2.js → DocsRenderer-JROSPFPF-Df8r78I7.js} +1 -1
- package/dist/assets/{Tokens-Documentation-BWG2nA5m.js → Tokens-Documentation-B32BuaI2.js} +1 -1
- package/dist/assets/{WithTooltip-7X4HQR7L-C2C_AfmQ.js → WithTooltip-7X4HQR7L-BJDfLL1-.js} +1 -1
- package/dist/assets/{accordion-item.stories-DjU_NhMM.js → accordion-item.stories-CS1jSsPT.js} +76 -77
- package/dist/assets/{accordion.stories-C9wojd-w.js → accordion.stories-CEFbhqvt.js} +64 -65
- package/dist/assets/{address-form.stories-xLNhHwxT.js → address-form.stories-6caLIute.js} +1 -1
- package/dist/assets/{alert.stories-D7NEdqQa.js → alert.stories-BRhMhPrF.js} +63 -64
- package/dist/assets/{badge-DoPOxLq7.js → badge-Dou6d_Tv.js} +59 -60
- package/dist/assets/{badge.stories-BREvHNTR.js → badge.stories-CX5HfvTS.js} +1 -1
- package/dist/assets/{band.stories-B0nnSzoO.js → band.stories-QrG3CLSi.js} +70 -61
- package/dist/assets/{blocks-B6atpvtm.js → blocks-CDGRFHUM.js} +5 -5
- package/dist/assets/{breadcrumbs.stories-D05EgMNz.js → breadcrumbs.stories-CzN_mB97.js} +115 -117
- package/dist/assets/{button-BKkXnzpg.js → button-8X2Dk9iy.js} +62 -63
- package/dist/assets/{button-group-Cz-4Ghaw.js → button-group-A_PXJVGQ.js} +59 -60
- package/dist/assets/{button-group.stories-BtmH6cty.js → button-group.stories-CSN3tuGe.js} +1 -1
- package/dist/assets/{button.stories-Cwum3yAS.js → button.stories-DYT9SVO9.js} +1 -1
- package/dist/assets/{card-Ba9UBp6t.js → card-Do-wbM0m.js} +89 -64
- package/dist/assets/{card.stories-2rhA29TT.js → card.stories-CNreiXuc.js} +1 -1
- package/dist/assets/{chart.stories-CdNIg3Kb.js → chart.stories-BBRYbhIj.js} +71 -62
- package/dist/assets/{checkbox-field-item-clQWVWNS.js → checkbox-field-item-CtyT3byL.js} +60 -61
- package/dist/assets/{checkbox-field-item.stories-ifRhfwg_.js → checkbox-field-item.stories-yTrNvGTe.js} +1 -1
- package/dist/assets/{checkbox-field.stories-mYaz8FX-.js → checkbox-field.stories-BYdclwAT.js} +62 -63
- package/dist/assets/{container-grid.stories-Dnnlrhpk.js → container-grid.stories-CwUxGVIS.js} +63 -64
- package/dist/assets/{container.stories-FTn4HUQs.js → container.stories-mFk4rPUO.js} +59 -60
- package/dist/assets/{cre8-element-D4jUl3yv.js → cre8-element-D6gzFubi.js} +1 -1
- package/dist/assets/{cre8-form-element-B-sJI1kh.js → cre8-form-element-vpi8SSNA.js} +1 -1
- package/dist/assets/{danger-button.stories-vZTPor76.js → danger-button.stories-BH__J78g.js} +78 -79
- package/dist/assets/{date-picker.stories-CJp0GJ1q.js → date-picker.stories-Fylp_UTS.js} +287 -292
- package/dist/assets/{divider-5XyBGf_n.js → divider-DrXVYE-L.js} +60 -61
- package/dist/assets/{divider.stories-OhHD6KYr.js → divider.stories-CoszgvfH.js} +1 -1
- package/dist/assets/{dropdown-B2Cu1mWc.js → dropdown-CA5ix44-.js} +117 -119
- package/dist/assets/{dropdown-item.stories-BqVCNqv9.js → dropdown-item.stories-e6dApLPz.js} +1 -1
- package/dist/assets/{dropdown.stories-BlKLrvbC.js → dropdown.stories-B1h1SPwB.js} +1 -1
- package/dist/assets/{f-po-CDPxLfff.js → f-po-B5bw1GSj.js} +1 -1
- package/dist/assets/{feature.stories-Dg8guwWZ.js → feature.stories-DrhTI47W.js} +64 -65
- package/dist/assets/{field-XAdoSKiw.js → field-D0FcR6uM.js} +1 -1
- package/dist/assets/{field-note-CSSkQ5DK.js → field-note-B5lzFPnT.js} +62 -63
- package/dist/assets/{field-note.stories-DLqWQ2ML.js → field-note.stories-Br6Xgztl.js} +1 -1
- package/dist/assets/{field.stories-DV_Y25cv.js → field.stories-HfvJtP6h.js} +1 -1
- package/dist/assets/{field.styles-DE4j2yDn.js → field.styles-CYEWQMFp.js} +137 -59
- package/dist/assets/{footer.stories-C8rqIk6m.js → footer.stories-BK3EvFy8.js} +61 -62
- package/dist/assets/{form-q2KoR5mC.js → form-Dbh-V7vb.js} +1 -1
- package/dist/assets/{form.stories-CHyQ4N3Y.js → form.stories-fewQpnSP.js} +1 -1
- package/dist/assets/{formatter-L2YTDE3Q-DiDkQfYj.js → formatter-L2YTDE3Q-T6LgtDy0.js} +1 -1
- package/dist/assets/{global-nav-item-Bpmc-nWW.js → global-nav-item-B5o04IO7.js} +60 -61
- package/dist/assets/{global-nav-item.stories-eSo9-Nsj.js → global-nav-item.stories-COpdgZmH.js} +1 -1
- package/dist/assets/{global-nav.stories-D5t_BBVD.js → global-nav.stories-CQ6gFgqn.js} +57 -58
- package/dist/assets/{grid-CKI7ODmO.js → grid-C9c58hKa.js} +69 -60
- package/dist/assets/{grid-item-DdpNu2ee.js → grid-item-4qoiHhwu.js} +67 -58
- package/dist/assets/{grid.stories-Q2GWLP0H.js → grid.stories-Dq7eL7uT.js} +1 -1
- package/dist/assets/{header.stories-7ESEi8hW.js → header.stories-BLEMPDXq.js} +64 -65
- package/dist/assets/{heading-TaL9d36K.js → heading-zzuz3Lhl.js} +56 -57
- package/dist/assets/{heading.stories-D7u6BUor.js → heading.stories-CEK-s9V_.js} +1 -1
- package/dist/assets/{hero.stories-CveUmpyH.js → hero.stories-CyzfGIa8.js} +87 -78
- package/dist/assets/{icon-BmyJ3psE.js → icon-CxPUuckL.js} +63 -64
- package/dist/assets/{icon.stories-BfZHRx4U.js → icon.stories-BH5JoFtm.js} +1 -1
- package/dist/assets/if-defined-D9Db4BBK.js +1 -0
- package/dist/assets/iframe-DDPT8KPE.js +9148 -0
- package/dist/assets/{inline-alert.stories-DTpI_GL6.js → inline-alert.stories-DiqyFWQm.js} +79 -80
- package/dist/assets/{layout-container.stories-DEICn4RI.js → layout-container.stories-D4mrsYEV.js} +71 -62
- package/dist/assets/{layout.stories-R1vAqdU8.js → layout.stories-a4-Bl_nZ.js} +131 -123
- package/dist/assets/{linelength-container.stories-Di18W93a.js → linelength-container.stories-CAUkmL8C.js} +67 -58
- package/dist/assets/{link-BCInFTin.js → link-CH6OehK-.js} +60 -61
- package/dist/assets/{link-list.stories-Bql9RJvh.js → link-list.stories-CBCMLNW1.js} +131 -123
- package/dist/assets/{link.stories-ovdak_Fx.js → link.stories-DoJJdJ4x.js} +1 -1
- package/dist/assets/{list.stories-Cu1AE1n9.js → list.stories-C7q_i4Gb.js} +137 -129
- package/dist/assets/{loading-spinner-BcPlxdFy.js → loading-spinner-Cr5nQQHU.js} +57 -58
- package/dist/assets/{loading-spinner.stories-2dFxevUc.js → loading-spinner.stories-CNFn0la-.js} +1 -1
- package/dist/assets/{logo.stories-DkfS0j9Q.js → logo.stories-CKqxRnMT.js} +58 -59
- package/dist/assets/{main.stories-_hQ8dB5R.js → main.stories-TczfQD5P.js} +56 -57
- package/dist/assets/{modal-DFswd6Pm.js → modal-5_C5K3k1.js} +1 -1
- package/dist/assets/{modal-DSuDhgP2.js → modal-CyHr0GaN.js} +69 -70
- package/dist/assets/{modal.stories-ND5Zz9lK.js → modal.stories-BIP87Tby.js} +1 -1
- package/dist/assets/{multi-select.stories-B1QqT-2X.js → multi-select.stories-DL7YLeC0.js} +67 -68
- package/dist/assets/{nav-container.stories-Bdaj6gPh.js → nav-container.stories-CRERUQRI.js} +58 -59
- package/dist/assets/{page-header.stories-BjP7uTak.js → page-header.stories-C8qVaZ1l.js} +61 -62
- package/dist/assets/{pagination.stories-Crg_Ak31.js → pagination.stories-DKHKMQRE.js} +121 -123
- package/dist/assets/{percent-bar.stories-CI8_yiCS.js → percent-bar.stories-DPKZ73zG.js} +62 -63
- package/dist/assets/{popover.stories-DYYRKxPn.js → popover.stories-BAP5fYpV.js} +63 -64
- package/dist/assets/{primary-nav.stories--d9sFv8Q.js → primary-nav.stories-BEQISTOI.js} +130 -132
- package/dist/assets/{progress-meter-24cbQ0M2.js → progress-meter-H44nihjX.js} +56 -57
- package/dist/assets/{progress-meter.stories-Bbs-4zrX.js → progress-meter.stories-CzosQ496.js} +1 -1
- package/dist/assets/{progress-steps-item-l1Yd6Qdn.js → progress-steps-item-CzcDWkvG.js} +58 -59
- package/dist/assets/{progress-steps-item.stories-4SLP6kUe.js → progress-steps-item.stories-DmKL_LsD.js} +1 -1
- package/dist/assets/{progress-steps.stories-f-QSfx25.js → progress-steps.stories-DriY_K1-.js} +78 -79
- package/dist/assets/{radio-field-item-C-qx8w2n.js → radio-field-item-D9J7yI50.js} +127 -129
- package/dist/assets/{radio-field-item.stories-DC2D6bGM.js → radio-field-item.stories-OhybdUHY.js} +1 -1
- package/dist/assets/{radio-field.stories-CrmSXKzO.js → radio-field.stories-CFO_T4L1.js} +1 -1
- package/dist/assets/{remove-tag-DSYCfP_p.js → remove-tag-BTcYXFfg.js} +58 -59
- package/dist/assets/{remove-tag.stories-CAgobRMm.js → remove-tag.stories-BR8qDc1-.js} +1 -1
- package/dist/assets/{sample-modal.stories-CluEtIyu.js → sample-modal.stories-C0XIFujz.js} +1 -1
- package/dist/assets/{section.stories-BDwfRSMK.js → section.stories-B7yBNtOq.js} +75 -63
- package/dist/assets/{select-tile-BQUic7vl.js → select-tile-iL180t7s.js} +59 -60
- package/dist/assets/{select-tile-list.stories-DUs9OX63.js → select-tile-list.stories-CZ0W8QuX.js} +65 -66
- package/dist/assets/{select-tile.stories-BEgsWkBL.js → select-tile.stories-BTOWiDZU.js} +1 -1
- package/dist/assets/{select.stories-Dl5Tj-xh.js → select.stories-B7ZOGmyx.js} +67 -68
- package/dist/assets/{sign-in.stories-oi60nA8L.js → sign-in.stories-wUx1NQ0E.js} +1 -1
- package/dist/assets/{skeleton-loader.stories-B-YaW3gk.js → skeleton-loader.stories-BuH6a4ES.js} +62 -63
- package/dist/assets/{split-button.stories-DKwZFY3q.js → split-button.stories-DKUfRwS2.js} +55 -56
- package/dist/assets/{spread-Cc0YLoqh.js → spread-B6c5bbZ0.js} +1 -1
- package/dist/assets/state-Ds0pqCS8.js +1 -0
- package/dist/assets/{submenu.stories-aFr-X6I6.js → submenu.stories-BB01JzOh.js} +115 -117
- package/dist/assets/{syntaxhighlighter-T5IQBZDB-CLnYzOAY.js → syntaxhighlighter-T5IQBZDB-CBAzJdj9.js} +1 -1
- package/dist/assets/{table-header-HVutPQ-P.js → table-header-D48sSHtK.js} +333 -339
- package/dist/assets/{table-object.stories-Bd_L6N6-.js → table-object.stories-CaJqNcrT.js} +58 -59
- package/dist/assets/{table.stories-BtOYInmB.js → table.stories-JC8ylfy9.js} +1 -1
- package/dist/assets/{tabs.stories-B5gNqx2F.js → tabs.stories-BOJ0lZgg.js} +171 -174
- package/dist/assets/{tag-CwIHolYS.js → tag-CE4HJbZH.js} +58 -59
- package/dist/assets/{tag-list.stories-oK500v7-.js → tag-list.stories-Dig9LDQ4.js} +62 -63
- package/dist/assets/{tag.stories-BA5SqUtI.js → tag.stories-C3UKXVtV.js} +1 -1
- package/dist/assets/{tertiary-nav.stories-DUkar1nu.js → tertiary-nav.stories-DVoKTcz3.js} +125 -127
- package/dist/assets/{text-link-DI4QMUOR.js → text-link-COng-gu_.js} +60 -61
- package/dist/assets/{text-link.stories-DRSy-lWJ.js → text-link.stories-DVRc917C.js} +1 -1
- package/dist/assets/{text-passage-D_pRCxLR.js → text-passage-CXhgRa33.js} +125 -127
- package/dist/assets/{text-passage.stories-BnD2hBJy.js → text-passage.stories-NTGzgDSD.js} +1 -1
- package/dist/assets/{tooltip.stories-DJ8XD6C1.js → tooltip.stories-DmjF7lgI.js} +70 -71
- package/dist/assets/{utility-nav.stories-CD5W8Fh7.js → utility-nav.stories-CS-pU-eS.js} +121 -123
- package/dist/design-tokens/brands/cre8-a2ui/css/tokens_brand.css +29 -5
- package/dist/design-tokens/brands/cre8-vivid/css/tokens_brand.css +3 -3
- package/dist/design-tokens/brands/whitelabel/css/fonts.css +7 -0
- package/dist/design-tokens/brands/whitelabel/css/tokens_brand.css +1144 -0
- package/dist/design-tokens/brands/whitelabel/css/tokens_whitelabel.css +248 -0
- package/dist/design-tokens/core/scss/theming/body.scss +1 -1
- package/dist/design-tokens/core/scss/theming/colors.scss +1 -1
- package/dist/design-tokens/core/scss/theming/component.scss +2 -4
- package/dist/design-tokens/core/scss/theming/head.css +1 -1
- package/dist/design-tokens/core/scss/theming/head.scss +1 -1
- package/dist/iframe.html +1 -1
- package/dist/project.json +1 -1
- package/dist/sb-addons/storybook-5/manager-bundle.js +1 -1
- package/lib/components/accordion/accordion.styles.d.ts.map +1 -1
- package/lib/components/accordion/accordion.styles.js +54 -55
- package/lib/components/accordion/accordion.styles.js.map +1 -1
- package/lib/components/accordion-item/accordion-item.styles.d.ts.map +1 -1
- package/lib/components/accordion-item/accordion-item.styles.js +65 -66
- package/lib/components/accordion-item/accordion-item.styles.js.map +1 -1
- package/lib/components/alert/alert.styles.d.ts.map +1 -1
- package/lib/components/alert/alert.styles.js +54 -55
- package/lib/components/alert/alert.styles.js.map +1 -1
- package/lib/components/badge/badge.styles.d.ts.map +1 -1
- package/lib/components/badge/badge.styles.js +55 -56
- package/lib/components/badge/badge.styles.js.map +1 -1
- package/lib/components/band/band.styles.d.ts.map +1 -1
- package/lib/components/band/band.styles.js +66 -57
- package/lib/components/band/band.styles.js.map +1 -1
- package/lib/components/breadcrumbs/breadcrumbs.styles.d.ts.map +1 -1
- package/lib/components/breadcrumbs/breadcrumbs.styles.js +55 -56
- package/lib/components/breadcrumbs/breadcrumbs.styles.js.map +1 -1
- package/lib/components/breadcrumbs-item/breadcrumbs-item.styles.d.ts.map +1 -1
- package/lib/components/breadcrumbs-item/breadcrumbs-item.styles.js +55 -56
- package/lib/components/breadcrumbs-item/breadcrumbs-item.styles.js.map +1 -1
- package/lib/components/button/button.styles.d.ts.map +1 -1
- package/lib/components/button/button.styles.js +59 -60
- package/lib/components/button/button.styles.js.map +1 -1
- package/lib/components/button-group/button-group.styles.d.ts.map +1 -1
- package/lib/components/button-group/button-group.styles.js +56 -57
- package/lib/components/button-group/button-group.styles.js.map +1 -1
- package/lib/components/card/card.styles.d.ts.map +1 -1
- package/lib/components/card/card.styles.js +84 -59
- package/lib/components/card/card.styles.js.map +1 -1
- package/lib/components/chart/chart.styles.d.ts.map +1 -1
- package/lib/components/chart/chart.styles.js +64 -55
- package/lib/components/chart/chart.styles.js.map +1 -1
- package/lib/components/checkbox-field/checkbox-field.styles.d.ts.map +1 -1
- package/lib/components/checkbox-field/checkbox-field.styles.js +55 -56
- package/lib/components/checkbox-field/checkbox-field.styles.js.map +1 -1
- package/lib/components/checkbox-field-item/checkbox-field-item.styles.d.ts.map +1 -1
- package/lib/components/checkbox-field-item/checkbox-field-item.styles.js +56 -57
- package/lib/components/checkbox-field-item/checkbox-field-item.styles.js.map +1 -1
- package/lib/components/container/container.styles.d.ts.map +1 -1
- package/lib/components/container/container.styles.js +54 -55
- package/lib/components/container/container.styles.js.map +1 -1
- package/lib/components/container-grid/container-grid.styles.d.ts.map +1 -1
- package/lib/components/container-grid/container-grid.styles.js +57 -58
- package/lib/components/container-grid/container-grid.styles.js.map +1 -1
- package/lib/components/danger-button/danger-button.styles.d.ts.map +1 -1
- package/lib/components/danger-button/danger-button.styles.js +57 -58
- package/lib/components/danger-button/danger-button.styles.js.map +1 -1
- package/lib/components/date-picker/calendar/calendar.styles.d.ts.map +1 -1
- package/lib/components/date-picker/calendar/calendar.styles.js +54 -55
- package/lib/components/date-picker/calendar/calendar.styles.js.map +1 -1
- package/lib/components/date-picker/calendar-month-modal/calendar-month-modal.styles.d.ts.map +1 -1
- package/lib/components/date-picker/calendar-month-modal/calendar-month-modal.styles.js +54 -55
- package/lib/components/date-picker/calendar-month-modal/calendar-month-modal.styles.js.map +1 -1
- package/lib/components/date-picker/calendar-navigation/calendar-navigation.styles.d.ts.map +1 -1
- package/lib/components/date-picker/calendar-navigation/calendar-navigation.styles.js +54 -55
- package/lib/components/date-picker/calendar-navigation/calendar-navigation.styles.js.map +1 -1
- package/lib/components/date-picker/calendar-year-modal/calendar-year-modal.styles.d.ts.map +1 -1
- package/lib/components/date-picker/calendar-year-modal/calendar-year-modal.styles.js +54 -55
- package/lib/components/date-picker/calendar-year-modal/calendar-year-modal.styles.js.map +1 -1
- package/lib/components/date-picker/date-picker.styles.d.ts.map +1 -1
- package/lib/components/date-picker/date-picker.styles.js +56 -57
- package/lib/components/date-picker/date-picker.styles.js.map +1 -1
- package/lib/components/divider/divider.styles.d.ts.map +1 -1
- package/lib/components/divider/divider.styles.js +58 -59
- package/lib/components/divider/divider.styles.js.map +1 -1
- package/lib/components/dropdown/dropdown.styles.d.ts.map +1 -1
- package/lib/components/dropdown/dropdown.styles.js +56 -57
- package/lib/components/dropdown/dropdown.styles.js.map +1 -1
- package/lib/components/dropdown-item/dropdown-item.styles.d.ts.map +1 -1
- package/lib/components/dropdown-item/dropdown-item.styles.js +54 -55
- package/lib/components/dropdown-item/dropdown-item.styles.js.map +1 -1
- package/lib/components/feature/feature.styles.d.ts.map +1 -1
- package/lib/components/feature/feature.styles.js +56 -57
- package/lib/components/feature/feature.styles.js.map +1 -1
- package/lib/components/field/field.styles.d.ts.map +1 -1
- package/lib/components/field/field.styles.js +137 -59
- package/lib/components/field/field.styles.js.map +1 -1
- package/lib/components/field-note/field-note.styles.d.ts.map +1 -1
- package/lib/components/field-note/field-note.styles.js +57 -58
- package/lib/components/field-note/field-note.styles.js.map +1 -1
- package/lib/components/footer/footer.styles.d.ts.map +1 -1
- package/lib/components/footer/footer.styles.js +57 -58
- package/lib/components/footer/footer.styles.js.map +1 -1
- package/lib/components/global-nav/global-nav.styles.d.ts.map +1 -1
- package/lib/components/global-nav/global-nav.styles.js +54 -55
- package/lib/components/global-nav/global-nav.styles.js.map +1 -1
- package/lib/components/global-nav-item/global-nav-item.styles.d.ts.map +1 -1
- package/lib/components/global-nav-item/global-nav-item.styles.js +57 -58
- package/lib/components/global-nav-item/global-nav-item.styles.js.map +1 -1
- package/lib/components/grid/grid.styles.d.ts.map +1 -1
- package/lib/components/grid/grid.styles.js +67 -58
- package/lib/components/grid/grid.styles.js.map +1 -1
- package/lib/components/grid-item/grid-item.styles.d.ts.map +1 -1
- package/lib/components/grid-item/grid-item.styles.js +64 -55
- package/lib/components/grid-item/grid-item.styles.js.map +1 -1
- package/lib/components/header/header.styles.d.ts.map +1 -1
- package/lib/components/header/header.styles.js +56 -57
- package/lib/components/header/header.styles.js.map +1 -1
- package/lib/components/heading/heading.styles.d.ts.map +1 -1
- package/lib/components/heading/heading.styles.js +54 -55
- package/lib/components/heading/heading.styles.js.map +1 -1
- package/lib/components/hero/hero.styles.d.ts.map +1 -1
- package/lib/components/hero/hero.styles.js +71 -62
- package/lib/components/hero/hero.styles.js.map +1 -1
- package/lib/components/icon/icon.styles.d.ts.map +1 -1
- package/lib/components/icon/icon.styles.js +54 -55
- package/lib/components/icon/icon.styles.js.map +1 -1
- package/lib/components/inline-alert/inline-alert.styles.d.ts.map +1 -1
- package/lib/components/inline-alert/inline-alert.styles.js +59 -60
- package/lib/components/inline-alert/inline-alert.styles.js.map +1 -1
- package/lib/components/layout/layout.styles.d.ts.map +1 -1
- package/lib/components/layout/layout.styles.js +66 -57
- package/lib/components/layout/layout.styles.js.map +1 -1
- package/lib/components/layout-container/layout-container.styles.d.ts.map +1 -1
- package/lib/components/layout-container/layout-container.styles.js +66 -57
- package/lib/components/layout-container/layout-container.styles.js.map +1 -1
- package/lib/components/layout-section/layout-section.styles.d.ts.map +1 -1
- package/lib/components/layout-section/layout-section.styles.js +54 -55
- package/lib/components/layout-section/layout-section.styles.js.map +1 -1
- package/lib/components/linelength-container/linelength-container.styles.d.ts.map +1 -1
- package/lib/components/linelength-container/linelength-container.styles.js +64 -55
- package/lib/components/linelength-container/linelength-container.styles.js.map +1 -1
- package/lib/components/link/link.styles.d.ts.map +1 -1
- package/lib/components/link/link.styles.js +58 -59
- package/lib/components/link/link.styles.js.map +1 -1
- package/lib/components/link-list/link-list.styles.d.ts.map +1 -1
- package/lib/components/link-list/link-list.styles.js +70 -61
- package/lib/components/link-list/link-list.styles.js.map +1 -1
- package/lib/components/link-list-item/link-list-item.styles.d.ts.map +1 -1
- package/lib/components/link-list-item/link-list-item.styles.js +56 -57
- package/lib/components/link-list-item/link-list-item.styles.js.map +1 -1
- package/lib/components/list/list.styles.d.ts.map +1 -1
- package/lib/components/list/list.styles.js +71 -62
- package/lib/components/list/list.styles.js.map +1 -1
- package/lib/components/list-item/list-item.styles.d.ts.map +1 -1
- package/lib/components/list-item/list-item.styles.js +54 -55
- package/lib/components/list-item/list-item.styles.js.map +1 -1
- package/lib/components/loading-spinner/loading-spinner.styles.d.ts.map +1 -1
- package/lib/components/loading-spinner/loading-spinner.styles.js +54 -55
- package/lib/components/loading-spinner/loading-spinner.styles.js.map +1 -1
- package/lib/components/logo/logo.styles.d.ts.map +1 -1
- package/lib/components/logo/logo.styles.js +54 -55
- package/lib/components/logo/logo.styles.js.map +1 -1
- package/lib/components/main/main.styles.d.ts.map +1 -1
- package/lib/components/main/main.styles.js +54 -55
- package/lib/components/main/main.styles.js.map +1 -1
- package/lib/components/modal/modal.styles.d.ts.map +1 -1
- package/lib/components/modal/modal.styles.js +58 -59
- package/lib/components/modal/modal.styles.js.map +1 -1
- package/lib/components/multi-select/multi-select.styles.d.ts.map +1 -1
- package/lib/components/multi-select/multi-select.styles.js +57 -58
- package/lib/components/multi-select/multi-select.styles.js.map +1 -1
- package/lib/components/nav-container/nav-container.styles.d.ts.map +1 -1
- package/lib/components/nav-container/nav-container.styles.js +54 -55
- package/lib/components/nav-container/nav-container.styles.js.map +1 -1
- package/lib/components/page-header/page-header.styles.d.ts.map +1 -1
- package/lib/components/page-header/page-header.styles.js +56 -57
- package/lib/components/page-header/page-header.styles.js.map +1 -1
- package/lib/components/pagination/page-counter/page-counter.styles.d.ts.map +1 -1
- package/lib/components/pagination/page-counter/page-counter.styles.js +54 -55
- package/lib/components/pagination/page-counter/page-counter.styles.js.map +1 -1
- package/lib/components/pagination/pagination.styles.d.ts.map +1 -1
- package/lib/components/pagination/pagination.styles.js +54 -55
- package/lib/components/pagination/pagination.styles.js.map +1 -1
- package/lib/components/percent-bar/percent-bar.styles.d.ts.map +1 -1
- package/lib/components/percent-bar/percent-bar.styles.js +54 -55
- package/lib/components/percent-bar/percent-bar.styles.js.map +1 -1
- package/lib/components/popover/popover.styles.d.ts.map +1 -1
- package/lib/components/popover/popover.styles.js +57 -58
- package/lib/components/popover/popover.styles.js.map +1 -1
- package/lib/components/primary-nav/primary-nav.styles.d.ts.map +1 -1
- package/lib/components/primary-nav/primary-nav.styles.js +54 -55
- package/lib/components/primary-nav/primary-nav.styles.js.map +1 -1
- package/lib/components/primary-nav-item/primary-nav-item.styles.d.ts.map +1 -1
- package/lib/components/primary-nav-item/primary-nav-item.styles.js +64 -65
- package/lib/components/primary-nav-item/primary-nav-item.styles.js.map +1 -1
- package/lib/components/progress-meter/progress-meter.styles.d.ts.map +1 -1
- package/lib/components/progress-meter/progress-meter.styles.js +54 -55
- package/lib/components/progress-meter/progress-meter.styles.js.map +1 -1
- package/lib/components/progress-steps/progress-steps.styles.d.ts.map +1 -1
- package/lib/components/progress-steps/progress-steps.styles.js +54 -55
- package/lib/components/progress-steps/progress-steps.styles.js.map +1 -1
- package/lib/components/progress-steps-item/progress-steps-item.styles.d.ts.map +1 -1
- package/lib/components/progress-steps-item/progress-steps-item.styles.js +54 -55
- package/lib/components/progress-steps-item/progress-steps-item.styles.js.map +1 -1
- package/lib/components/radio-field/radio-field.styles.d.ts.map +1 -1
- package/lib/components/radio-field/radio-field.styles.js +55 -56
- package/lib/components/radio-field/radio-field.styles.js.map +1 -1
- package/lib/components/radio-field-item/radio-field-item.styles.d.ts.map +1 -1
- package/lib/components/radio-field-item/radio-field-item.styles.js +56 -57
- package/lib/components/radio-field-item/radio-field-item.styles.js.map +1 -1
- package/lib/components/remove-tag/remove-tag.styles.d.ts.map +1 -1
- package/lib/components/remove-tag/remove-tag.styles.js +54 -55
- package/lib/components/remove-tag/remove-tag.styles.js.map +1 -1
- package/lib/components/section/section.styles.d.ts.map +1 -1
- package/lib/components/section/section.styles.js +71 -59
- package/lib/components/section/section.styles.js.map +1 -1
- package/lib/components/select/select.styles.d.ts.map +1 -1
- package/lib/components/select/select.styles.js +56 -57
- package/lib/components/select/select.styles.js.map +1 -1
- package/lib/components/select-tile/select-tile.styles.d.ts.map +1 -1
- package/lib/components/select-tile/select-tile.styles.js +55 -56
- package/lib/components/select-tile/select-tile.styles.js.map +1 -1
- package/lib/components/select-tile-list/select-tile-list.styles.d.ts.map +1 -1
- package/lib/components/select-tile-list/select-tile-list.styles.js +56 -57
- package/lib/components/select-tile-list/select-tile-list.styles.js.map +1 -1
- package/lib/components/skeleton-loader/skeleton-loader.styles.d.ts.map +1 -1
- package/lib/components/skeleton-loader/skeleton-loader.styles.js +54 -55
- package/lib/components/skeleton-loader/skeleton-loader.styles.js.map +1 -1
- package/lib/components/split-button/split-button.styles.d.ts.map +1 -1
- package/lib/components/split-button/split-button.styles.js +54 -55
- package/lib/components/split-button/split-button.styles.js.map +1 -1
- package/lib/components/submenu/submenu.styles.d.ts.map +1 -1
- package/lib/components/submenu/submenu.styles.js +54 -55
- package/lib/components/submenu/submenu.styles.js.map +1 -1
- package/lib/components/submenu-item/submenu-item.styles.d.ts.map +1 -1
- package/lib/components/submenu-item/submenu-item.styles.js +54 -55
- package/lib/components/submenu-item/submenu-item.styles.js.map +1 -1
- package/lib/components/tab/tab.styles.d.ts.map +1 -1
- package/lib/components/tab/tab.styles.js +55 -56
- package/lib/components/tab/tab.styles.js.map +1 -1
- package/lib/components/tab-panel/tab-panel.styles.d.ts.map +1 -1
- package/lib/components/tab-panel/tab-panel.styles.js +54 -55
- package/lib/components/tab-panel/tab-panel.styles.js.map +1 -1
- package/lib/components/table/table.styles.d.ts.map +1 -1
- package/lib/components/table/table.styles.js +54 -55
- package/lib/components/table/table.styles.js.map +1 -1
- package/lib/components/table-body/table-body.styles.d.ts.map +1 -1
- package/lib/components/table-body/table-body.styles.js +54 -55
- package/lib/components/table-body/table-body.styles.js.map +1 -1
- package/lib/components/table-cell/table-cell.styles.d.ts.map +1 -1
- package/lib/components/table-cell/table-cell.styles.js +54 -55
- package/lib/components/table-cell/table-cell.styles.js.map +1 -1
- package/lib/components/table-header/table-header.styles.d.ts.map +1 -1
- package/lib/components/table-header/table-header.styles.js +54 -55
- package/lib/components/table-header/table-header.styles.js.map +1 -1
- package/lib/components/table-header-cell/table-header-cell.styles.d.ts.map +1 -1
- package/lib/components/table-header-cell/table-header-cell.styles.js +54 -55
- package/lib/components/table-header-cell/table-header-cell.styles.js.map +1 -1
- package/lib/components/table-object/table-object.styles.d.ts.map +1 -1
- package/lib/components/table-object/table-object.styles.js +54 -55
- package/lib/components/table-object/table-object.styles.js.map +1 -1
- package/lib/components/table-row/table-row.styles.d.ts.map +1 -1
- package/lib/components/table-row/table-row.styles.js +54 -55
- package/lib/components/table-row/table-row.styles.js.map +1 -1
- package/lib/components/tabs/tabs.styles.d.ts.map +1 -1
- package/lib/components/tabs/tabs.styles.js +54 -55
- package/lib/components/tabs/tabs.styles.js.map +1 -1
- package/lib/components/tag/tag.styles.d.ts.map +1 -1
- package/lib/components/tag/tag.styles.js +54 -55
- package/lib/components/tag/tag.styles.js.map +1 -1
- package/lib/components/tag-list/tag-list.styles.d.ts.map +1 -1
- package/lib/components/tag-list/tag-list.styles.js +54 -55
- package/lib/components/tag-list/tag-list.styles.js.map +1 -1
- package/lib/components/tertiary-nav/tertiary-nav.styles.d.ts.map +1 -1
- package/lib/components/tertiary-nav/tertiary-nav.styles.js +54 -55
- package/lib/components/tertiary-nav/tertiary-nav.styles.js.map +1 -1
- package/lib/components/tertiary-nav-item/tertiary-nav-item.styles.d.ts.map +1 -1
- package/lib/components/tertiary-nav-item/tertiary-nav-item.styles.js +56 -57
- package/lib/components/tertiary-nav-item/tertiary-nav-item.styles.js.map +1 -1
- package/lib/components/text-link/text-link.styles.d.ts.map +1 -1
- package/lib/components/text-link/text-link.styles.js +55 -56
- package/lib/components/text-link/text-link.styles.js.map +1 -1
- package/lib/components/text-passage/text-passage-light-dom.styles.d.ts.map +1 -1
- package/lib/components/text-passage/text-passage-light-dom.styles.js +66 -67
- package/lib/components/text-passage/text-passage-light-dom.styles.js.map +1 -1
- package/lib/components/text-passage/text-passage.styles.d.ts.map +1 -1
- package/lib/components/text-passage/text-passage.styles.js +55 -56
- package/lib/components/text-passage/text-passage.styles.js.map +1 -1
- package/lib/components/tooltip/tooltip.styles.d.ts.map +1 -1
- package/lib/components/tooltip/tooltip.styles.js +57 -58
- package/lib/components/tooltip/tooltip.styles.js.map +1 -1
- package/lib/components/utility-nav/utility-nav.styles.d.ts.map +1 -1
- package/lib/components/utility-nav/utility-nav.styles.js +56 -57
- package/lib/components/utility-nav/utility-nav.styles.js.map +1 -1
- package/lib/components/utility-nav-item/utility-nav-item.styles.d.ts.map +1 -1
- package/lib/components/utility-nav-item/utility-nav-item.styles.js +56 -57
- package/lib/components/utility-nav-item/utility-nav-item.styles.js.map +1 -1
- package/lib/design-tokens/brands/cre8-a2ui/css/tokens_brand.css +29 -5
- package/lib/design-tokens/brands/cre8-a2ui/css/tokens_cre8-a2ui.module.d.ts +1 -1
- package/lib/design-tokens/brands/cre8-a2ui/css/tokens_cre8-a2ui.module.d.ts.map +1 -1
- package/lib/design-tokens/brands/cre8-a2ui/css/tokens_cre8-a2ui.module.js +29 -5
- package/lib/design-tokens/brands/cre8-a2ui/css/tokens_cre8-a2ui.module.js.map +1 -1
- package/lib/design-tokens/brands/cre8-vivid/css/tokens_brand.css +3 -3
- package/lib/design-tokens/brands/cre8-vivid/css/tokens_cre8-vivid.module.d.ts +1 -1
- package/lib/design-tokens/brands/cre8-vivid/css/tokens_cre8-vivid.module.js +3 -3
- package/lib/design-tokens/brands/cre8-vivid/css/tokens_cre8-vivid.module.js.map +1 -1
- package/lib/design-tokens/brands/whitelabel/css/fonts.css +7 -0
- package/lib/design-tokens/brands/whitelabel/css/tokens_brand.css +1144 -0
- package/lib/design-tokens/brands/whitelabel/css/tokens_whitelabel.css +248 -0
- package/lib/design-tokens/brands/whitelabel/css/tokens_whitelabel.module.d.ts +3 -0
- package/lib/design-tokens/brands/whitelabel/css/tokens_whitelabel.module.d.ts.map +1 -0
- package/lib/design-tokens/brands/whitelabel/css/tokens_whitelabel.module.js +1402 -0
- package/lib/design-tokens/brands/whitelabel/css/tokens_whitelabel.module.js.map +1 -0
- package/lib/design-tokens/core/scss/theming/body.scss +1 -1
- package/lib/design-tokens/core/scss/theming/colors.scss +1 -1
- package/lib/design-tokens/core/scss/theming/component.scss +2 -4
- package/lib/design-tokens/core/scss/theming/head.css +1 -1
- package/lib/design-tokens/core/scss/theming/head.module.js +1 -1
- package/lib/design-tokens/core/scss/theming/head.module.js.map +1 -1
- package/lib/design-tokens/core/scss/theming/head.scss +1 -1
- package/lib/scripts/convert-scss-to-ts.js +58 -25
- package/lib/scripts/convert-scss-to-ts.js.map +1 -1
- package/mcp-manifest.json +1 -1
- package/package.json +47 -46
- package/react-manifest.json +2 -2
- package/dist/assets/if-defined-Bh0SnORx.js +0 -1
- package/dist/assets/iframe-DgoqrgRr.js +0 -7725
- package/dist/assets/state-ClQJCb1N.js +0 -1
|
@@ -364,7 +364,7 @@
|
|
|
364
364
|
--cre8-color-bg-brand-xstrong-hover: #4338CA;
|
|
365
365
|
--cre8-color-bg-brand-xstrong-active: #312E81;
|
|
366
366
|
--cre8-color-bg-success: #E7FBF3;
|
|
367
|
-
--cre8-color-bg-success-strong: #
|
|
367
|
+
--cre8-color-bg-success-strong: #047857;
|
|
368
368
|
--cre8-color-bg-error: #FFEFF2;
|
|
369
369
|
--cre8-color-bg-error-strong: #E11D48;
|
|
370
370
|
--cre8-color-bg-warning: #FFF7E6;
|
|
@@ -384,8 +384,8 @@
|
|
|
384
384
|
--cre8-color-content-brand: #4F46E5;
|
|
385
385
|
--cre8-color-content-brand-strong: #4338CA;
|
|
386
386
|
--cre8-color-content-brand-knockout: #ECFEFF;
|
|
387
|
-
--cre8-color-content-success: #
|
|
388
|
-
--cre8-color-content-success-icon: #
|
|
387
|
+
--cre8-color-content-success: #047857;
|
|
388
|
+
--cre8-color-content-success-icon: #047857;
|
|
389
389
|
--cre8-color-content-error: #BE123C;
|
|
390
390
|
--cre8-color-content-error-icon: #BE123C;
|
|
391
391
|
--cre8-color-content-warning-icon: #D97706;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
declare const vivid = "\n@font-face {\n\tfont-family: 'Plus Jakarta Sans';\n\tfont-style: normal;\n\tfont-weight: 400;\n\tsrc: url('assets/fonts/PlusJakartaSans-Regular.woff2') format('woff2');\n\tfont-display: fallback;\n}\n\n@font-face {\n\tfont-family: 'Plus Jakarta Sans';\n\tfont-style: medium;\n\tfont-weight: 500;\n\tsrc: url('assets/fonts/PlusJakartaSans-Medium.woff2') format('woff2');\n\tfont-display: fallback;\n}\n\n@font-face {\n\tfont-family: 'Plus Jakarta Sans';\n\tfont-style: medium;\n\tfont-weight: 600;\n\tsrc: url('assets/fonts/PlusJakartaSans-SemiBold.woff2') format('woff2');\n\tfont-display: fallback;\n}\n\n@font-face {\n\tfont-family: 'Plus Jakarta Sans';\n\tfont-style: normal;\n\tfont-weight: 700;\n\tsrc: url('assets/fonts/PlusJakartaSans-Bold.woff2') format('woff2');\n\tfont-display: fallback;\n}\n/**\n * cre8-vivid \u2014 a high-saturation brand for cre8.\n *\n * Derived from cre8-a2ui and identical to it in structure, typography and\n * spacing. What changes is colour, and one change carries the rest:\n *\n * The a2ui status ramp maps success to cyan and error to pink. Neither hue\n * means what it says, and the two sit close enough that an alert's status has\n * to be read rather than seen. cre8-vivid goes back to the conventional\n * mapping \u2014 green good, red bad, amber caution \u2014 with violet for attention so\n * that no two statuses share a hue.\n *\n * The brand ramp moves from a single flat blue to indigo paired with cyan, and\n * ships that pairing as a gradient token. Correct-but-forgettable is a real\n * failure mode for a product surface; this is the answer to it.\n *\n * Everything below is a complete sheet, not an override layer: a viewer that\n * loads only `tokens_cre8-vivid.css` gets a whole design system.\n */\n\n:root {\n --cre8-desktop-menu-padding-vertical-padding: 1rem;\n --cre8-desktop-menu-padding-horizontal-padding: 0.5rem;\n --cre8-input-padding: 0.625rem 0.875rem;\n --cre8-input-label-margin-left: 0;\n --cre8-color-header-bg-default: #ffffff;\n --cre8-color-header-inverse-bg-default: #3B82F6;\n --cre8-color-header-menu-bg-default: #ffffff;\n --cre8-color-header-menu-inverse-bg-default: #3B82F6;\n --cre8-color-header-menu-bg-hover: #F8FAFC;\n --cre8-color-header-menu-inverse-bg-hover: #2563EB;\n --cre8-color-header-menu-bg-focus: #F8FAFC;\n --cre8-color-header-menu-inverse-bg-focus: #2563EB;\n --cre8-color-header-menu-bg-active: #E2E8F0;\n --cre8-color-header-menu-inverse-bg-active: #1D4ED8;\n --cre8-color-header-menu-bg-pressed: #E2E8F0;\n --cre8-color-header-menu-inverse-bg-pressed: #1D4ED8;\n --cre8-color-header-menu-bg-selected: #F8FAFC;\n --cre8-color-header-menu-inverse-bg-selected: #2563EB;\n --cre8-color-header-menu-content-default: #3B82F6;\n --cre8-color-header-menu-inverse-content-default: #ffffff;\n --cre8-color-header-menu-content-hover: #2563EB;\n --cre8-color-header-menu-inverse-content-hover: #ffffff;\n --cre8-color-header-menu-content-focus: #3B82F6;\n --cre8-color-header-menu-inverse-content-focus: #ffffff;\n --cre8-color-header-menu-content-active: #1D4ED8;\n --cre8-color-header-menu-inverse-content-active: #ffffff;\n --cre8-color-header-menu-content-pressed: #1D4ED8;\n --cre8-color-header-menu-inverse-content-pressed: #ffffff;\n --cre8-color-header-menu-content-selected: #2563EB;\n --cre8-color-header-menu-inverse-content-selected: #ffffff;\n --cre8-color-header-menu-border-default: rgba(15, 23, 42, 0.0);\n --cre8-color-header-menu-inverse-border-default: rgba(15, 23, 42, 0.0);\n --cre8-color-header-menu-border-hover: rgba(15, 23, 42, 0.0);\n --cre8-color-header-menu-inverse-border-hover: #ffffff;\n --cre8-color-header-menu-border-focus: #2563EB;\n --cre8-color-header-menu-inverse-border-focus: #ffffff;\n --cre8-color-header-menu-border-active: #3B82F6;\n --cre8-color-header-menu-inverse-border-active: #ffffff;\n --cre8-color-header-menu-border-pressed: #3B82F6;\n --cre8-color-header-menu-inverse-border-pressed: #ffffff;\n --cre8-color-header-menu-border-selected: #2563EB;\n --cre8-color-header-menu-inverse-border-selected: #F8FAFC;\n --cre8-color-header-submenu-bg-default: #ffffff;\n --cre8-color-header-submenu-inverse-bg-default: #3B82F6;\n --cre8-color-header-submenu-bg-hover: #F8FAFC;\n --cre8-color-header-submenu-inverse-bg-hover: #2563EB;\n --cre8-color-header-submenu-bg-focus: #ffffff;\n --cre8-color-header-submenu-inverse-bg-focus: #3B82F6;\n --cre8-color-header-submenu-bg-active: #E2E8F0;\n --cre8-color-header-submenu-inverse-bg-active: #1D4ED8;\n --cre8-color-header-submenu-bg-pressed: #E2E8F0;\n --cre8-color-header-submenu-inverse-bg-pressed: #1D4ED8;\n --cre8-color-header-submenu-bg-selected: #F8FAFC;\n --cre8-color-header-submenu-inverse-bg-selected: #2563EB;\n --cre8-color-header-submenu-content-default: #3B82F6;\n --cre8-color-header-submenu-inverse-content-default: #ffffff;\n --cre8-color-header-submenu-content-hover: #2563EB;\n --cre8-color-header-submenu-inverse-content-hover: #ffffff;\n --cre8-color-header-submenu-content-focus: #2563EB;\n --cre8-color-header-submenu-inverse-content-focus: #ffffff;\n --cre8-color-header-submenu-content-active: #1D4ED8;\n --cre8-color-header-submenu-inverse-content-active: #ffffff;\n --cre8-color-header-submenu-content-pressed: #1D4ED8;\n --cre8-color-header-submenu-inverse-content-pressed: #ffffff;\n --cre8-color-header-submenu-content-selected: #3B82F6;\n --cre8-color-header-submenu-inverse-content-selected: #ffffff;\n --cre8-color-header-submenu-border-default: #ffffff;\n --cre8-color-header-submenu-inverse-border-default: #3B82F6;\n --cre8-color-header-submenu-border-hover: #F8FAFC;\n --cre8-color-header-submenu-inverse-border-hover: #2563EB;\n --cre8-color-header-submenu-border-focus: #3B82F6;\n --cre8-color-header-submenu-inverse-border-focus: #ffffff;\n --cre8-color-header-submenu-border-active: #E2E8F0;\n --cre8-color-header-submenu-inverse-border-active: #1D4ED8;\n --cre8-color-header-submenu-border-pressed: #E2E8F0;\n --cre8-color-header-submenu-inverse-border-pressed: #1D4ED8;\n --cre8-color-header-submenu-border-selected: #2563EB;\n --cre8-color-header-submenu-inverse-border-selected: #F8FAFC;\n --cre8-color-header-bg-secondary: #3B82F6;\n --cre8-color-header-inverse-bg-secondary: #ffffff;\n --cre8-color-header-bg-tertiary: #3B82F6;\n --cre8-color-header-inverse-bg-tertiary: #ffffff;\n --cre8-color-footer-bg-default: #1E40AF;\n --cre8-color-footer-bg-secondary: #F8FAFC;\n --cre8-color-footer-content-secondary: #ffffff;\n --cre8-color-footer-link-hover: #93C5FD;\n --cre8-color-footer-link-default: #93C5FD;\n --cre8-spacing-0: 0rem;\n --cre8-spacing-2: 0.125rem;\n --cre8-spacing-4: 0.25rem;\n --cre8-spacing-6: 0.375rem;\n --cre8-spacing-8: 0.5rem;\n --cre8-spacing-12: 0.75rem;\n --cre8-spacing-14: 0.875rem;\n --cre8-spacing-16: 1rem;\n --cre8-spacing-18: 1.125rem;\n --cre8-spacing-24: 1.5rem;\n --cre8-spacing-32: 2rem;\n --cre8-spacing-40: 2.5rem;\n --cre8-spacing-48: 3rem;\n --cre8-spacing-64: 4rem;\n --cre8-spacing-80: 5rem;\n --cre8-spacing-96: 6rem;\n --cre8-spacing-120: 7.5rem;\n --cre8-spacing-160: 10rem;\n --cre8-color-button-primary-bg: #4F46E5;\n --cre8-color-button-primary-inverse-bg: #BFDBFE;\n --cre8-color-button-primary-bg-hover: #4338CA;\n --cre8-color-button-primary-inverse-bg-hover: #93C5FD;\n --cre8-color-button-primary-bg-active: #3730A3;\n --cre8-color-button-primary-inverse-bg-active: #60A5FA;\n --cre8-color-button-primary-bg-disabled: #E2E8F0;\n --cre8-color-button-primary-inverse-bg-disabled: #64748B;\n --cre8-color-button-primary-content: #FFFFFF;\n --cre8-color-button-primary-inverse-content: #1E40AF;\n --cre8-color-button-primary-content-hover: #ffffff;\n --cre8-color-button-primary-inverse-content-hover: #1E40AF;\n --cre8-color-button-primary-content-active: #ffffff;\n --cre8-color-button-primary-inverse-content-active: #1E40AF;\n --cre8-color-button-primary-content-disabled: #475569;\n --cre8-color-button-primary-inverse-content-disabled: #1E293B;\n --cre8-color-button-primary-border: #4F46E5;\n --cre8-color-button-primary-inverse-border: #BFDBFE;\n --cre8-color-button-primary-border-hover: #4338CA;\n --cre8-color-button-primary-inverse-border-hover: #93C5FD;\n --cre8-color-button-primary-border-active: #3730A3;\n --cre8-color-button-primary-inverse-border-active: #60A5FA;\n --cre8-color-button-primary-border-disabled: #E2E8F0;\n --cre8-color-button-primary-inverse-border-disabled: #64748B;\n --cre8-color-button-primary-outline: #1D4ED8;\n --cre8-color-button-primary-inverse-outline: #BFDBFE;\n --cre8-color-button-primary-danger-bg: #E11D48;\n --cre8-color-button-primary-danger-inverse-bg: #F9A8D4;\n --cre8-color-button-primary-danger-bg-hover: #BE123C;\n --cre8-color-button-primary-danger-inverse-bg-hover: #FBCFE8;\n --cre8-color-button-primary-danger-bg-active: #BE185D;\n --cre8-color-button-primary-danger-inverse-bg-active: #FCE7F3;\n --cre8-color-button-primary-danger-bg-disabled: #E2E8F0;\n --cre8-color-button-primary-danger-inverse-bg-disabled: #64748B;\n --cre8-color-button-primary-danger-content: #ffffff;\n --cre8-color-button-primary-danger-inverse-content: #0F172A;\n --cre8-color-button-primary-danger-content-hover: #ffffff;\n --cre8-color-button-primary-danger-inverse-content-hover: #0F172A;\n --cre8-color-button-primary-danger-content-active: #ffffff;\n --cre8-color-button-primary-danger-inverse-content-active: #0F172A;\n --cre8-color-button-primary-danger-content-disabled: #475569;\n --cre8-color-button-primary-danger-inverse-content-disabled: #1E293B;\n --cre8-color-button-primary-danger-border: #E11D48;\n --cre8-color-button-primary-danger-inverse-border: #F9A8D4;\n --cre8-color-button-primary-danger-border-hover: #BE123C;\n --cre8-color-button-primary-danger-inverse-border-hover: #FBCFE8;\n --cre8-color-button-primary-danger-border-active: #BE185D;\n --cre8-color-button-primary-danger-inverse-border-active: #FCE7F3;\n --cre8-color-button-primary-danger-border-disabled: #E2E8F0;\n --cre8-color-button-primary-danger-inverse-border-disabled: #64748B;\n --cre8-color-button-primary-danger-outline: #1D4ED8;\n --cre8-color-button-primary-danger-inverse-outline: #BFDBFE;\n --cre8-color-button-secondary-neutral-bg: rgba(15, 23, 42, 0.0);\n --cre8-color-button-secondary-neutral-inverse-bg: rgba(15, 23, 42, 0.0);\n --cre8-color-button-secondary-neutral-content: #0F172A;\n --cre8-color-button-secondary-neutral-inverse-content: #ffffff;\n --cre8-color-button-secondary-neutral-border: #0F172A;\n --cre8-color-button-secondary-neutral-inverse-border: #ffffff;\n --cre8-color-button-secondary-neutral-bg-hover: rgba(15, 23, 42, 0.10);\n --cre8-color-button-secondary-neutral-inverse-bg-hover: rgba(15, 23, 42, 0.20);\n --cre8-color-button-secondary-neutral-content-hover: #0F172A;\n --cre8-color-button-secondary-neutral-inverse-content-hover: #ffffff;\n --cre8-color-button-secondary-neutral-border-hover: #0F172A;\n --cre8-color-button-secondary-neutral-inverse-border-hover: #ffffff;\n --cre8-color-button-secondary-neutral-border-active: #0F172A;\n --cre8-color-button-secondary-neutral-inverse-border-active: #ffffff;\n --cre8-color-button-secondary-neutral-bg-active: rgba(15, 23, 42, 0.20);\n --cre8-color-button-secondary-neutral-inverse-bg-active: rgba(15, 23, 42, 0.50);\n --cre8-color-button-secondary-neutral-content-active: #0F172A;\n --cre8-color-button-secondary-neutral-inverse-content-active: #ffffff;\n --cre8-color-button-secondary-neutral-bg-disabled: #E2E8F0;\n --cre8-color-button-secondary-neutral-inverse-bg-disabled: #64748B;\n --cre8-color-button-secondary-neutral-border-disabled: #E2E8F0;\n --cre8-color-button-secondary-neutral-inverse-border-disabled: #64748B;\n --cre8-color-button-secondary-neutral-content-disabled: #475569;\n --cre8-color-button-secondary-neutral-inverse-content-disabled: #1E293B;\n --cre8-color-button-secondary-neutral-outline: #1E3A8A;\n --cre8-color-button-secondary-neutral-inverse-outline: #BFDBFE;\n --cre8-color-button-secondary-bg: rgba(15, 23, 42, 0.0);\n --cre8-color-button-secondary-inverse-bg: rgba(15, 23, 42, 0.0);\n --cre8-color-button-secondary-bg-hover: #EFF6FF;\n --cre8-color-button-secondary-inverse-bg-hover: rgba(15, 23, 42, 0.0);\n --cre8-color-button-secondary-bg-active: #DBEAFE;\n --cre8-color-button-secondary-inverse-bg-active: #1E3A8A;\n --cre8-color-button-secondary-bg-disabled: #E2E8F0;\n --cre8-color-button-secondary-inverse-bg-disabled: rgba(15, 23, 42, 0.0);\n --cre8-color-button-secondary-content: #3B82F6;\n --cre8-color-button-secondary-inverse-content: #BFDBFE;\n --cre8-color-button-secondary-content-hover: #2563EB;\n --cre8-color-button-secondary-inverse-content-hover: #93C5FD;\n --cre8-color-button-secondary-content-active: #1D4ED8;\n --cre8-color-button-secondary-inverse-content-active: #60A5FA;\n --cre8-color-button-secondary-content-disabled: #475569;\n --cre8-color-button-secondary-inverse-content-disabled: #64748B;\n --cre8-color-button-secondary-border: #3B82F6;\n --cre8-color-button-secondary-inverse-border: #BFDBFE;\n --cre8-color-button-secondary-border-hover: #2563EB;\n --cre8-color-button-secondary-inverse-border-hover: #93C5FD;\n --cre8-color-button-secondary-border-active: #1D4ED8;\n --cre8-color-button-secondary-inverse-border-active: #60A5FA;\n --cre8-color-button-secondary-border-disabled: #64748B;\n --cre8-color-button-secondary-inverse-border-disabled: #64748B;\n --cre8-color-button-secondary-outline: #1D4ED8;\n --cre8-color-button-secondary-inverse-outline: #93C5FD;\n --cre8-color-button-secondary-danger-bg: rgba(15, 23, 42, 0.0);\n --cre8-color-button-secondary-danger-inverse-bg: rgba(15, 23, 42, 0.0);\n --cre8-color-button-secondary-danger-bg-hover: #DB2777;\n --cre8-color-button-secondary-danger-inverse-bg-hover: #FBCFE8;\n --cre8-color-button-secondary-danger-bg-active: #BE185D;\n --cre8-color-button-secondary-danger-inverse-bg-active: #FCE7F3;\n --cre8-color-button-secondary-danger-bg-disabled: #E2E8F0;\n --cre8-color-button-secondary-danger-inverse-bg-disabled: #64748B;\n --cre8-color-button-secondary-danger-content: #EC4899;\n --cre8-color-button-secondary-danger-inverse-content: #F472B6;\n --cre8-color-button-secondary-danger-content-hover: #ffffff;\n --cre8-color-button-secondary-danger-inverse-content-hover: #0F172A;\n --cre8-color-button-secondary-danger-content-active: #ffffff;\n --cre8-color-button-secondary-danger-inverse-content-active: #0F172A;\n --cre8-color-button-secondary-danger-content-disabled: #475569;\n --cre8-color-button-secondary-danger-inverse-content-disabled: #1E293B;\n --cre8-color-button-secondary-danger-border: #EC4899;\n --cre8-color-button-secondary-danger-inverse-border: #F472B6;\n --cre8-color-button-secondary-danger-border-hover: #DB2777;\n --cre8-color-button-secondary-danger-inverse-border-hover: #FBCFE8;\n --cre8-color-button-secondary-danger-border-active: #BE185D;\n --cre8-color-button-secondary-danger-inverse-border-active: #FCE7F3;\n --cre8-color-button-secondary-danger-border-disabled: #E2E8F0;\n --cre8-color-button-secondary-danger-inverse-border-disabled: #64748B;\n --cre8-color-button-secondary-danger-outline: #1D4ED8;\n --cre8-color-button-secondary-danger-inverse-outline: #BFDBFE;\n --cre8-color-button-tertiary-bg: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-inverse-bg: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-bg-hover: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-inverse-bg-hover: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-bg-active: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-inverse-bg-active: #172554;\n --cre8-color-button-tertiary-bg-disabled: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-inverse-bg-disabled: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-content: #3B82F6;\n --cre8-color-button-tertiary-inverse-content: #BFDBFE;\n --cre8-color-button-tertiary-content-hover: #2563EB;\n --cre8-color-button-tertiary-inverse-content-hover: #93C5FD;\n --cre8-color-button-tertiary-content-active: #1D4ED8;\n --cre8-color-button-tertiary-inverse-content-active: #60A5FA;\n --cre8-color-button-tertiary-content-disabled: #475569;\n --cre8-color-button-tertiary-inverse-content-disabled: #64748B;\n --cre8-color-button-tertiary-border: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-inverse-border: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-border-hover: #2563EB;\n --cre8-color-button-tertiary-inverse-border-hover: #93C5FD;\n --cre8-color-button-tertiary-border-active: #1D4ED8;\n --cre8-color-button-tertiary-inverse-border-active: #60A5FA;\n --cre8-color-button-tertiary-border-disabled: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-inverse-border-disabled: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-outline: #1D4ED8;\n --cre8-color-button-tertiary-inverse-outline: #93C5FD;\n --cre8-color-button-tertiary-neutral-bg: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-neutral-inverse-bg: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-neutral-content: #0F172A;\n --cre8-color-button-tertiary-neutral-inverse-content: #ffffff;\n --cre8-color-button-tertiary-neutral-border: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-neutral-inverse-border: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-neutral-bg-hover: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-neutral-inverse-bg-hover: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-neutral-content-hover: #0F172A;\n --cre8-color-button-tertiary-neutral-inverse-content-hover: #ffffff;\n --cre8-color-button-tertiary-neutral-border-hover: #0F172A;\n --cre8-color-button-tertiary-neutral-inverse-border-hover: #ffffff;\n --cre8-color-button-tertiary-neutral-border-active: #0F172A;\n --cre8-color-button-tertiary-neutral-inverse-border-active: #ffffff;\n --cre8-color-button-tertiary-neutral-bg-active: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-neutral-inverse-bg-active: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-neutral-content-active: #0F172A;\n --cre8-color-button-tertiary-neutral-inverse-content-active: #ffffff;\n --cre8-color-button-tertiary-neutral-bg-disabled: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-neutral-inverse-bg-disabled: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-neutral-border-disabled: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-neutral-inverse-border-disabled: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-neutral-content-disabled: #475569;\n --cre8-color-button-tertiary-neutral-inverse-content-disabled: #1E293B;\n --cre8-color-button-tertiary-neutral-outline: #1E3A8A;\n --cre8-color-button-tertiary-neutral-inverse-outline: #BFDBFE;\n --cre8-color-button-tertiary-danger-bg: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-danger-inverse-bg: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-danger-bg-hover: #DB2777;\n --cre8-color-button-tertiary-danger-inverse-bg-hover: #FBCFE8;\n --cre8-color-button-tertiary-danger-bg-active: #BE185D;\n --cre8-color-button-tertiary-danger-inverse-bg-active: #FCE7F3;\n --cre8-color-button-tertiary-danger-bg-disabled: #E2E8F0;\n --cre8-color-button-tertiary-danger-inverse-bg-disabled: #64748B;\n --cre8-color-button-tertiary-danger-content: #EC4899;\n --cre8-color-button-tertiary-danger-inverse-content: #F472B6;\n --cre8-color-button-tertiary-danger-content-hover: #ffffff;\n --cre8-color-button-tertiary-danger-inverse-content-hover: #0F172A;\n --cre8-color-button-tertiary-danger-content-active: #ffffff;\n --cre8-color-button-tertiary-danger-inverse-content-active: #0F172A;\n --cre8-color-button-tertiary-danger-content-disabled: #475569;\n --cre8-color-button-tertiary-danger-inverse-content-disabled: #1E293B;\n --cre8-color-button-tertiary-danger-border: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-danger-inverse-border: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-danger-border-hover: #DB2777;\n --cre8-color-button-tertiary-danger-inverse-border-hover: #FBCFE8;\n --cre8-color-button-tertiary-danger-border-active: #BE185D;\n --cre8-color-button-tertiary-danger-inverse-border-active: #FCE7F3;\n --cre8-color-button-tertiary-danger-border-disabled: #E2E8F0;\n --cre8-color-button-tertiary-danger-inverse-border-disabled: #64748B;\n --cre8-color-button-tertiary-danger-outline: #1D4ED8;\n --cre8-color-button-tertiary-danger-inverse-outline: #BFDBFE;\n --cre8-button-padding-vertical-small: 0.5rem;\n --cre8-button-padding-vertical-medium: 0.75rem;\n --cre8-button-padding-vertical-large: 1rem;\n --cre8-button-padding-vertical-icon-only: 0.5rem;\n --cre8-button-padding-vertical-small-icon-only: 0.5rem;\n --cre8-button-padding-vertical-medium-icon-only: 1rem;\n --cre8-button-padding-vertical-large-icon-only: 1rem;\n --cre8-button-padding-horizontal-small: 1rem;\n --cre8-button-padding-horizontal-medium: 1.5rem;\n --cre8-button-padding-horizontal-large: 2rem;\n --cre8-button-padding-horizontal-icon-only: 0.5rem;\n --cre8-button-padding-horizontal-small-icon-only: 0.5rem;\n --cre8-button-padding-horizontal-medium-icon-only: 1rem;\n --cre8-button-padding-horizontal-large-icon-only: 1rem;\n --cre8-color-bg-default: #FFFFFF;\n --cre8-color-bg-default-hover: #EEF0FF;\n --cre8-color-bg-default-active: #DDE1FF;\n --cre8-color-bg-subtle: #F2F5FD;\n --cre8-color-bg-moderate: #9AA3BF;\n --cre8-color-bg-inverse-moderate: #64748B;\n --cre8-color-bg-strong: #0A0F1F;\n --cre8-color-bg-disabled: #E4E8F4;\n --cre8-color-bg-brand: #FFFFFF;\n --cre8-color-bg-brand-active: #DDE1FF;\n --cre8-color-bg-brand-hover: #EEF0FF;\n --cre8-color-bg-brand-strong: #4F46E5;\n --cre8-color-bg-brand-strong-hover: #4338CA;\n --cre8-color-bg-brand-strong-active: #3730A3;\n --cre8-color-bg-brand-xstrong: #3730A3;\n --cre8-color-bg-brand-xstrong-hover: #4338CA;\n --cre8-color-bg-brand-xstrong-active: #312E81;\n --cre8-color-bg-success: #E7FBF3;\n --cre8-color-bg-success-strong: #10B981;\n --cre8-color-bg-error: #FFEFF2;\n --cre8-color-bg-error-strong: #E11D48;\n --cre8-color-bg-warning: #FFF7E6;\n --cre8-color-bg-warning-strong: #F59E0B;\n --cre8-color-bg-info: #EEF0FF;\n --cre8-color-bg-info-strong: #4F46E5;\n --cre8-color-bg-attention: #F3EEFF;\n --cre8-color-bg-attention-strong: #8B5CF6;\n --cre8-color-bg-opacity-transparent: rgba(15, 23, 42, 0.0);\n --cre8-color-bg-opacity-default: rgba(15, 23, 42, 0.50);\n --cre8-color-bg-active: #0F172A;\n --cre8-color-bg-inverse-active: #ffffff;\n --cre8-color-content-default: #0A0F1F;\n --cre8-color-content-subtle: #5B6484;\n --cre8-color-content-disabled: #9AA3BF;\n --cre8-color-content-knockout: #FFFFFF;\n --cre8-color-content-brand: #4F46E5;\n --cre8-color-content-brand-strong: #4338CA;\n --cre8-color-content-brand-knockout: #ECFEFF;\n --cre8-color-content-success: #059669;\n --cre8-color-content-success-icon: #059669;\n --cre8-color-content-error: #BE123C;\n --cre8-color-content-error-icon: #BE123C;\n --cre8-color-content-warning-icon: #D97706;\n --cre8-color-content-info-icon: #4F46E5;\n --cre8-color-content-attention-icon: #7C3AED;\n --cre8-color-content-link: #4F46E5;\n --cre8-color-content-inverse-link: #BFDBFE;\n --cre8-color-content-link-hover: #4338CA;\n --cre8-color-content-inverse-link-hover: #93C5FD;\n --cre8-color-content-link-focus: #ffffff;\n --cre8-color-content-inverse-link-focus: #0F172A;\n --cre8-color-content-link-visited: #7C3AED;\n --cre8-color-content-inverse-link-visited: #E9D5FF;\n --cre8-color-content-link-disabled: #475569;\n --cre8-color-content-inverse-link-disabled: #E2E8F0;\n --cre8-color-content-link-active: #3730A3;\n --cre8-color-content-inverse-link-active: #60A5FA;\n --cre8-color-border-default: #E4E8F4;\n --cre8-color-border-strong: #9AA3BF;\n --cre8-color-border-knockout: #ffffff;\n --cre8-color-border-disabled: #CBD5E1;\n --cre8-color-border-brand: #4F46E5;\n --cre8-color-border-brand-subtle: #A5B0FF;\n --cre8-color-border-brand-strong: #4338CA;\n --cre8-color-border-success: #10B981;\n --cre8-color-border-error: #E11D48;\n --cre8-color-border-warning: #F59E0B;\n --cre8-color-border-info: #4F46E5;\n --cre8-color-border-attention: #8B5CF6;\n --cre8-color-border-transparent: rgba(15, 23, 42, 0.0);\n --cre8-color-border-active-outline: #2563EB;\n --cre8-color-border-inverse-active-outline: #BFDBFE;\n --cre8-font-size-0: 0.75rem;\n --cre8-font-size-1: 0.875rem;\n --cre8-font-size-2: 1rem;\n --cre8-font-size-3: 1.125rem;\n --cre8-font-size-4: 1.25rem;\n --cre8-font-size-5: 1.5rem;\n --cre8-font-size-6: 1.75rem;\n --cre8-font-size-7: 2rem;\n --cre8-font-size-8: 2.5rem;\n --cre8-font-size-9: 3rem;\n --cre8-font-size-10: 3.5rem;\n --cre8-font-size-11: 4rem;\n --cre8-font-size-12: 4.5rem;\n --cre8-font-size-13: 5rem;\n --cre8-letter-spacing-0: -1.5;\n --cre8-letter-spacing-1: -1;\n --cre8-letter-spacing-2: -0.5;\n --cre8-letter-spacing-3: 0;\n --cre8-letter-spacing-4: 2;\n --cre8-letter-spacing-5: 1;\n --cre8-letter-spacing-6: 1.5;\n --cre8-paragraph-spacing-0: 0;\n --cre8-text-case-none: none;\n --cre8-text-case-uppercase: uppercase;\n --cre8-text-decoration-none: none;\n --cre8-text-decoration-underline: underline;\n --cre8-paragraph-indent-0: 0px;\n --cre8-border-radius-small: 12px;\n --cre8-border-radius-checkbox: 4px;\n --cre8-border-radius-default: 12px;\n --cre8-border-radius-large: 24px;\n --cre8-border-radius-round: 900px;\n --cre8-border-radius-button: 900px;\n --cre8-border-radius-badge: 900px;\n --cre8-border-radius-tabs: 12px;\n --cre8-border-radius-container: 24px;\n --cre8-border-radius-field: 12px;\n --cre8-border-radius-field-brand: 12px;\n --cre8-border-radius-brand: 900px;\n --cre8-border-radius-none: 0px;\n --cre8-border-width-none: 0rem;\n --cre8-border-width-default: 0.0625rem;\n --cre8-border-width-focus: 0.125rem;\n --cre8-border-width-large: 0.25rem;\n --cre8-border-width-button-tertiary-outline-focus: 0.125rem;\n --cre8-border-width-button-default: 0.125rem;\n --cre8-border-width-tab-selected: 0.125rem;\n --cre8-border-width-tab-default: 0.125rem;\n --cre8-border-style-button-tertiary-outline-focus: solid;\n --cre8-border-style-default: solid;\n --cre8-breakpoint-xsm: 375px;\n --cre8-breakpoint-sm: 560px;\n --cre8-breakpoint-md: 768px;\n --cre8-breakpoint-lg: 960px;\n --cre8-breakpoint-xl: 1200px;\n --cre8-breakpoint-xxl: 1400px;\n\n /* Elevation \u2014 neutral-tinted, driven by the overlay primitives */\n --cre8-shadow-none: none;\n --cre8-shadow-button: none;\n --cre8-shadow-small: 0 1px 3px 0 oklch(from var(--cre8-neutral-900) l c h / 0.06);\n --cre8-shadow-default: 0 4px 12px 0 oklch(from var(--cre8-neutral-900) l c h / 0.08);\n --cre8-shadow-large: 0 8px 24px 0 oklch(from var(--cre8-neutral-900) l c h / 0.12);\n}\n\n/* ===========================================================================\n MODE \u2014 the 152 hand-maintained inverse tokens collapse to this block.\n Only the mode indirection is remapped; the semantic and component tiers\n re-resolve through it, so every component follows with no per-component\n work. The legacy --cre8-color-*-inverse-* names are still emitted above\n and still resolve to their original values.\n\n Put [data-mode] on <html> for the whole document, or pair it with\n [data-cre8-theme] on any element to scope the mode to that subtree.\n =========================================================================== */\n[data-mode=\"inverse\"] {\n --cre8-mode-bg-default: var(--cre8-neutral-800);\n --cre8-mode-bg-default-hover: var(--cre8-neutral-700);\n --cre8-mode-bg-subtle: var(--cre8-neutral-900);\n --cre8-mode-bg-strong: var(--cre8-neutral-50);\n --cre8-mode-bg-disabled: var(--cre8-neutral-700);\n --cre8-mode-bg-brand: var(--cre8-primary-900);\n --cre8-mode-bg-brand-hover: var(--cre8-primary-800);\n --cre8-mode-bg-brand-strong: var(--cre8-primary-300);\n --cre8-mode-bg-brand-strong-hover: var(--cre8-primary-200);\n --cre8-mode-content-default: var(--cre8-neutral-50);\n --cre8-mode-content-subtle: var(--cre8-neutral-400);\n --cre8-mode-content-disabled: var(--cre8-neutral-600);\n --cre8-mode-content-knockout: var(--cre8-neutral-900);\n --cre8-mode-content-brand: var(--cre8-primary-300);\n --cre8-mode-content-brand-strong: var(--cre8-primary-200);\n --cre8-mode-content-link: var(--cre8-primary-300);\n --cre8-mode-content-link-hover: var(--cre8-primary-200);\n --cre8-mode-border-default: var(--cre8-neutral-700);\n --cre8-mode-border-strong: var(--cre8-neutral-500);\n --cre8-mode-border-brand: var(--cre8-primary-300);\n}\n\n@media (prefers-color-scheme: dark) {\n [data-mode=\"auto\"] {\n --cre8-mode-bg-default: var(--cre8-neutral-800);\n --cre8-mode-bg-default-hover: var(--cre8-neutral-700);\n --cre8-mode-bg-subtle: var(--cre8-neutral-900);\n --cre8-mode-bg-strong: var(--cre8-neutral-50);\n --cre8-mode-bg-disabled: var(--cre8-neutral-700);\n --cre8-mode-bg-brand: var(--cre8-primary-900);\n --cre8-mode-bg-brand-hover: var(--cre8-primary-800);\n --cre8-mode-bg-brand-strong: var(--cre8-primary-300);\n --cre8-mode-bg-brand-strong-hover: var(--cre8-primary-200);\n --cre8-mode-content-default: var(--cre8-neutral-50);\n --cre8-mode-content-subtle: var(--cre8-neutral-400);\n --cre8-mode-content-disabled: var(--cre8-neutral-600);\n --cre8-mode-content-knockout: var(--cre8-neutral-900);\n --cre8-mode-content-brand: var(--cre8-primary-300);\n --cre8-mode-content-brand-strong: var(--cre8-primary-200);\n --cre8-mode-content-link: var(--cre8-primary-300);\n --cre8-mode-content-link-hover: var(--cre8-primary-200);\n --cre8-mode-border-default: var(--cre8-neutral-700);\n --cre8-mode-border-strong: var(--cre8-neutral-500);\n --cre8-mode-border-brand: var(--cre8-primary-300);\n }\n}\n\n/**\n * Brand gradient.\n *\n * cre8 has no gradient primitive, because until now no brand needed one. It is\n * the identity of cre8-vivid rather than decoration on top of it, so it belongs\n * with the tokens and not in an application stylesheet.\n */\n:root {\n --cre8-gradient-brand: linear-gradient(135deg, #4F46E5 0%, #06B6D4 100%);\n --cre8-gradient-brand-rich: linear-gradient(150deg, #4F46E5 0%, #6D28D9 42%, #06B6D4 100%);\n --cre8-gradient-brand-from: #4F46E5;\n --cre8-gradient-brand-to: #06B6D4;\n}\n\n/**\n * Dark mode.\n *\n * The sheet a2ui inherits gates dark values on `[data-mode=\"auto\"]`, which\n * means a page that never sets that attribute has no dark mode at all. These\n * are the same token names under `prefers-color-scheme`, so a plain page\n * follows the system. Accent hues step lighter \u2014 full-saturation indigo on\n * near-black does not hold enough contrast to read as text.\n */\n@media (prefers-color-scheme: dark) {\n :root {\n --cre8-color-bg-default: #111A30;\n --cre8-color-bg-default-hover: #18223C;\n --cre8-color-bg-default-active: #1E2947;\n --cre8-color-bg-subtle: #0D1425;\n --cre8-color-bg-strong: #E9EDF7;\n --cre8-color-bg-disabled: #1E2740;\n\n --cre8-color-bg-brand: #141A3A;\n --cre8-color-bg-brand-strong: #6366F1;\n --cre8-color-bg-brand-strong-hover: #818CF8;\n --cre8-color-bg-success: #06251B;\n --cre8-color-bg-error: #2A0B14;\n --cre8-color-bg-warning: #2A1C05;\n --cre8-color-bg-info: #141A3A;\n --cre8-color-bg-attention: #1E1440;\n\n --cre8-color-content-default: #E9EDF7;\n --cre8-color-content-subtle: #9AA3BF;\n --cre8-color-content-disabled: #5B6484;\n --cre8-color-content-brand: #A5B0FF;\n --cre8-color-content-brand-strong: #C7CDFF;\n --cre8-color-content-success: #34D399;\n --cre8-color-content-success-icon: #34D399;\n --cre8-color-content-error: #FB7185;\n --cre8-color-content-error-icon: #FB7185;\n --cre8-color-content-warning-icon: #FBBF24;\n --cre8-color-content-info-icon: #A5B0FF;\n --cre8-color-content-attention-icon: #C4B5FD;\n --cre8-color-content-link: #A5B0FF;\n\n --cre8-color-border-default: #1E2740;\n --cre8-color-border-strong: #39435F;\n\n --cre8-color-button-primary-bg: #6366F1;\n --cre8-color-button-primary-bg-hover: #818CF8;\n --cre8-color-button-primary-border: #6366F1;\n --cre8-color-button-primary-border-hover: #818CF8;\n\n --cre8-gradient-brand-rich: linear-gradient(150deg, #4338CA 0%, #6D28D9 45%, #0891B2 100%);\n }\n}\n:root{--cre8-typography-body-xlarge-font-family: var(--cre8-font-families-inter);\n --cre8-typography-body-xlarge-font-size: var(--cre8-font-size-5);\n --cre8-typography-body-xlarge-font-weight: var(--cre8-font-weights-inter-0);\n --cre8-typography-body-xlarge-line-height: var(--cre8-line-heights-7);\n --cre8-typography-body-xlarge-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-body-xlarge-text-transform: var(--cre8-text-case-none);\n--cre8-typography-body-xlarge-strong-font-family: var(--cre8-font-families-inter);\n --cre8-typography-body-xlarge-strong-font-size: var(--cre8-font-size-5);\n --cre8-typography-body-xlarge-strong-font-weight: var(--cre8-font-weights-inter-1);\n --cre8-typography-body-xlarge-strong-line-height: var(--cre8-line-heights-7);\n --cre8-typography-body-xlarge-strong-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-body-xlarge-strong-text-transform: var(--cre8-text-case-none);\n--cre8-typography-body-xlarge-link-font-family: var(--cre8-font-families-inter);\n --cre8-typography-body-xlarge-link-font-size: var(--cre8-font-size-5);\n --cre8-typography-body-xlarge-link-font-weight: var(--cre8-font-weights-inter-1);\n --cre8-typography-body-xlarge-link-line-height: var(--cre8-line-heights-7);\n --cre8-typography-body-xlarge-link-text-decoration: var(--cre8-text-decoration-underline);\n --cre8-typography-body-xlarge-link-text-transform: var(--cre8-text-case-none);\n--cre8-typography-body-large-font-family: var(--cre8-font-families-inter);\n --cre8-typography-body-large-font-size: var(--cre8-font-size-3);\n --cre8-typography-body-large-font-weight: var(--cre8-font-weights-inter-0);\n --cre8-typography-body-large-line-height: var(--cre8-line-heights-7);\n --cre8-typography-body-large-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-body-large-text-transform: var(--cre8-text-case-none);\n--cre8-typography-body-large-strong-font-family: var(--cre8-font-families-inter);\n --cre8-typography-body-large-strong-font-size: var(--cre8-font-size-3);\n --cre8-typography-body-large-strong-font-weight: var(--cre8-font-weights-inter-1);\n --cre8-typography-body-large-strong-line-height: var(--cre8-line-heights-7);\n --cre8-typography-body-large-strong-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-body-large-strong-text-transform: var(--cre8-text-case-none);\n--cre8-typography-body-default-font-family: var(--cre8-font-families-inter);\n --cre8-typography-body-default-font-size: var(--cre8-font-size-2);\n --cre8-typography-body-default-font-weight: var(--cre8-font-weights-inter-0);\n --cre8-typography-body-default-line-height: var(--cre8-line-heights-7);\n --cre8-typography-body-default-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-body-default-text-transform: var(--cre8-text-case-none);\n--cre8-typography-body-default-strong-font-family: var(--cre8-font-families-inter);\n --cre8-typography-body-default-strong-font-size: var(--cre8-font-size-2);\n --cre8-typography-body-default-strong-font-weight: var(--cre8-font-weights-inter-1);\n --cre8-typography-body-default-strong-line-height: var(--cre8-line-heights-7);\n --cre8-typography-body-default-strong-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-body-default-strong-text-transform: var(--cre8-text-case-none);\n--cre8-typography-body-small-font-family: var(--cre8-font-families-inter);\n --cre8-typography-body-small-font-size: var(--cre8-font-size-1);\n --cre8-typography-body-small-font-weight: var(--cre8-font-weights-inter-0);\n --cre8-typography-body-small-line-height: var(--cre8-line-heights-8);\n --cre8-typography-body-small-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-body-small-text-transform: var(--cre8-text-case-none);\n--cre8-typography-body-small-strong-font-family: var(--cre8-font-families-inter);\n --cre8-typography-body-small-strong-font-size: var(--cre8-font-size-1);\n --cre8-typography-body-small-strong-font-weight: var(--cre8-font-weights-inter-1);\n --cre8-typography-body-small-strong-line-height: var(--cre8-line-heights-8);\n --cre8-typography-body-small-strong-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-body-small-strong-text-transform: var(--cre8-text-case-none);\n--cre8-typography-body-large-link-font-family: var(--cre8-font-families-inter);\n --cre8-typography-body-large-link-font-size: var(--cre8-font-size-3);\n --cre8-typography-body-large-link-font-weight: var(--cre8-font-weights-inter-1);\n --cre8-typography-body-large-link-line-height: var(--cre8-line-heights-7);\n --cre8-typography-body-large-link-text-decoration: var(--cre8-text-decoration-underline);\n --cre8-typography-body-large-link-text-transform: var(--cre8-text-case-none);\n--cre8-typography-body-default-link-font-family: var(--cre8-font-families-inter);\n --cre8-typography-body-default-link-font-size: var(--cre8-font-size-2);\n --cre8-typography-body-default-link-font-weight: var(--cre8-font-weights-inter-1);\n --cre8-typography-body-default-link-line-height: var(--cre8-line-heights-7);\n --cre8-typography-body-default-link-text-decoration: var(--cre8-text-decoration-underline);\n --cre8-typography-body-default-link-text-transform: var(--cre8-text-case-none);\n--cre8-typography-body-small-link-font-family: var(--cre8-font-families-inter);\n --cre8-typography-body-small-link-font-size: var(--cre8-font-size-1);\n --cre8-typography-body-small-link-font-weight: var(--cre8-font-weights-inter-1);\n --cre8-typography-body-small-link-line-height: var(--cre8-line-heights-8);\n --cre8-typography-body-small-link-text-decoration: var(--cre8-text-decoration-underline);\n --cre8-typography-body-small-link-text-transform: var(--cre8-text-case-none);\n--cre8-typography-label-default-font-family: var(--cre8-font-families-inter);\n --cre8-typography-label-default-font-size: var(--cre8-font-size-2);\n --cre8-typography-label-default-font-weight: var(--cre8-font-weights-inter-1);\n --cre8-typography-label-default-line-height: var(--cre8-line-heights-7);\n --cre8-typography-label-default-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-label-default-text-transform: var(--cre8-text-case-none);\n--cre8-typography-label-large-font-family: var(--cre8-font-families-inter);\n --cre8-typography-label-large-font-size: var(--cre8-font-size-3);\n --cre8-typography-label-large-font-weight: var(--cre8-font-weights-inter-1);\n --cre8-typography-label-large-line-height: var(--cre8-line-heights-5);\n --cre8-typography-label-large-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-label-large-text-transform: var(--cre8-text-case-none);\n--cre8-typography-label-small-font-family: var(--cre8-font-families-inter);\n --cre8-typography-label-small-font-size: var(--cre8-font-size-1);\n --cre8-typography-label-small-font-weight: var(--cre8-font-weights-inter-1);\n --cre8-typography-label-small-line-height: var(--cre8-line-heights-7);\n --cre8-typography-label-small-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-label-small-text-transform: var(--cre8-text-case-none);\n--cre8-typography-title-xlarge-font-family: var(--cre8-font-families-inter);\n --cre8-typography-title-xlarge-font-size: var(--cre8-font-size-8);\n --cre8-typography-title-xlarge-font-weight: var(--cre8-font-weights-inter-1);\n --cre8-typography-title-xlarge-line-height: var(--cre8-line-heights-4);\n --cre8-typography-title-xlarge-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-title-xlarge-text-transform: var(--cre8-text-case-none);\n--cre8-typography-title-xlarge-mobile-font-family: var(--cre8-font-families-inter);\n --cre8-typography-title-xlarge-mobile-font-size: var(--cre8-font-size-7);\n --cre8-typography-title-xlarge-mobile-font-weight: var(--cre8-font-weights-inter-1);\n --cre8-typography-title-xlarge-mobile-line-height: var(--cre8-line-heights-4);\n --cre8-typography-title-xlarge-mobile-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-title-xlarge-mobile-text-transform: var(--cre8-text-case-none);\n--cre8-typography-title-large-font-family: var(--cre8-font-families-inter);\n --cre8-typography-title-large-font-size: var(--cre8-font-size-6);\n --cre8-typography-title-large-font-weight: var(--cre8-font-weights-inter-1);\n --cre8-typography-title-large-line-height: var(--cre8-line-heights-1);\n --cre8-typography-title-large-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-title-large-text-transform: var(--cre8-text-case-none);\n--cre8-typography-title-large-mobile-font-family: var(--cre8-font-families-inter);\n --cre8-typography-title-large-mobile-font-size: var(--cre8-font-size-5);\n --cre8-typography-title-large-mobile-font-weight: var(--cre8-font-weights-inter-1);\n --cre8-typography-title-large-mobile-line-height: var(--cre8-line-heights-1);\n --cre8-typography-title-large-mobile-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-title-large-mobile-text-transform: var(--cre8-text-case-none);\n--cre8-typography-title-default-font-family: var(--cre8-font-families-inter);\n --cre8-typography-title-default-font-size: var(--cre8-font-size-5);\n --cre8-typography-title-default-font-weight: var(--cre8-font-weights-inter-1);\n --cre8-typography-title-default-line-height: var(--cre8-line-heights-2);\n --cre8-typography-title-default-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-title-default-text-transform: var(--cre8-text-case-none);\n--cre8-typography-title-default-mobile-font-family: var(--cre8-font-families-inter);\n --cre8-typography-title-default-mobile-font-size: var(--cre8-font-size-3);\n --cre8-typography-title-default-mobile-font-weight: var(--cre8-font-weights-inter-1);\n --cre8-typography-title-default-mobile-line-height: var(--cre8-line-heights-2);\n --cre8-typography-title-default-mobile-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-title-default-mobile-text-transform: var(--cre8-text-case-none);\n--cre8-typography-title-small-font-family: var(--cre8-font-families-inter);\n --cre8-typography-title-small-font-size: var(--cre8-font-size-3);\n --cre8-typography-title-small-font-weight: var(--cre8-font-weights-inter-1);\n --cre8-typography-title-small-line-height: var(--cre8-line-heights-6);\n --cre8-typography-title-small-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-title-small-text-transform: var(--cre8-text-case-none);\n--cre8-typography-title-small-mobile-font-family: var(--cre8-font-families-inter);\n --cre8-typography-title-small-mobile-font-size: var(--cre8-font-size-2);\n --cre8-typography-title-small-mobile-font-weight: var(--cre8-font-weights-inter-1);\n --cre8-typography-title-small-mobile-line-height: var(--cre8-line-heights-6);\n --cre8-typography-title-small-mobile-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-title-small-mobile-text-transform: var(--cre8-text-case-none);\n--cre8-typography-headline-large-font-family: var(--cre8-font-families-inter);\n --cre8-typography-headline-large-font-size: var(--cre8-font-size-9);\n --cre8-typography-headline-large-font-weight: var(--cre8-font-weights-inter-3);\n --cre8-typography-headline-large-line-height: var(--cre8-line-heights-0);\n --cre8-typography-headline-large-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-headline-large-text-transform: var(--cre8-text-case-none);\n--cre8-typography-headline-large-mobile-font-family: var(--cre8-font-families-inter);\n --cre8-typography-headline-large-mobile-font-size: var(--cre8-font-size-8);\n --cre8-typography-headline-large-mobile-font-weight: var(--cre8-font-weights-inter-3);\n --cre8-typography-headline-large-mobile-line-height: var(--cre8-line-heights-0);\n --cre8-typography-headline-large-mobile-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-headline-large-mobile-text-transform: var(--cre8-text-case-none);\n--cre8-typography-headline-default-font-family: var(--cre8-font-families-inter);\n --cre8-typography-headline-default-font-size: var(--cre8-font-size-8);\n --cre8-typography-headline-default-font-weight: var(--cre8-font-weights-inter-3);\n --cre8-typography-headline-default-line-height: var(--cre8-line-heights-0);\n --cre8-typography-headline-default-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-headline-default-text-transform: var(--cre8-text-case-none);\n--cre8-typography-headline-default-mobile-font-family: var(--cre8-font-families-inter);\n --cre8-typography-headline-default-mobile-font-size: var(--cre8-font-size-7);\n --cre8-typography-headline-default-mobile-font-weight: var(--cre8-font-weights-inter-3);\n --cre8-typography-headline-default-mobile-line-height: var(--cre8-line-heights-0);\n --cre8-typography-headline-default-mobile-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-headline-default-mobile-text-transform: var(--cre8-text-case-none);\n--cre8-typography-headline-small-font-family: var(--cre8-font-families-inter);\n --cre8-typography-headline-small-font-size: var(--cre8-font-size-7);\n --cre8-typography-headline-small-font-weight: var(--cre8-font-weights-inter-3);\n --cre8-typography-headline-small-line-height: var(--cre8-line-heights-0);\n --cre8-typography-headline-small-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-headline-small-text-transform: var(--cre8-text-case-none);\n--cre8-typography-headline-small-mobile-font-family: var(--cre8-font-families-inter);\n --cre8-typography-headline-small-mobile-font-size: var(--cre8-font-size-6);\n --cre8-typography-headline-small-mobile-font-weight: var(--cre8-font-weights-inter-3);\n --cre8-typography-headline-small-mobile-line-height: var(--cre8-line-heights-0);\n --cre8-typography-headline-small-mobile-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-headline-small-mobile-text-transform: var(--cre8-text-case-none);\n--cre8-typography-headline-xsmall-font-family: var(--cre8-font-families-inter);\n --cre8-typography-headline-xsmall-font-size: var(--cre8-font-size-5);\n --cre8-typography-headline-xsmall-font-weight: var(--cre8-font-weights-inter-3);\n --cre8-typography-headline-xsmall-line-height: var(--cre8-line-heights-0);\n --cre8-typography-headline-xsmall-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-headline-xsmall-text-transform: var(--cre8-text-case-none);\n--cre8-typography-headline-xsmall-mobile-font-family: var(--cre8-font-families-inter);\n --cre8-typography-headline-xsmall-mobile-font-size: var(--cre8-font-size-5);\n --cre8-typography-headline-xsmall-mobile-font-weight: var(--cre8-font-weights-inter-3);\n --cre8-typography-headline-xsmall-mobile-line-height: var(--cre8-line-heights-0);\n --cre8-typography-headline-xsmall-mobile-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-headline-xsmall-mobile-text-transform: var(--cre8-text-case-none);\n--cre8-typography-display-large-font-family: var(--cre8-font-families-inter);\n --cre8-typography-display-large-font-size: var(--cre8-font-size-13);\n --cre8-typography-display-large-font-weight: var(--cre8-font-weights-inter-2);\n --cre8-typography-display-large-line-height: var(--cre8-line-heights-0);\n --cre8-typography-display-large-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-display-large-text-transform: var(--cre8-text-case-none);\n--cre8-typography-display-large-mobile-font-family: var(--cre8-font-families-inter);\n --cre8-typography-display-large-mobile-font-size: var(--cre8-font-size-12);\n --cre8-typography-display-large-mobile-font-weight: var(--cre8-font-weights-inter-2);\n --cre8-typography-display-large-mobile-line-height: var(--cre8-line-heights-0);\n --cre8-typography-display-large-mobile-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-display-large-mobile-text-transform: var(--cre8-text-case-none);\n--cre8-typography-display-default-font-family: var(--cre8-font-families-inter);\n --cre8-typography-display-default-font-size: var(--cre8-font-size-11);\n --cre8-typography-display-default-font-weight: var(--cre8-font-weights-inter-2);\n --cre8-typography-display-default-line-height: var(--cre8-line-heights-0);\n --cre8-typography-display-default-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-display-default-text-transform: var(--cre8-text-case-none);\n--cre8-typography-display-default-mobile-font-family: var(--cre8-font-families-inter);\n --cre8-typography-display-default-mobile-font-size: var(--cre8-font-size-10);\n --cre8-typography-display-default-mobile-font-weight: var(--cre8-font-weights-inter-2);\n --cre8-typography-display-default-mobile-line-height: var(--cre8-line-heights-0);\n --cre8-typography-display-default-mobile-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-display-default-mobile-text-transform: var(--cre8-text-case-none);\n--cre8-typography-display-small-font-family: var(--cre8-font-families-inter);\n --cre8-typography-display-small-font-size: var(--cre8-font-size-9);\n --cre8-typography-display-small-font-weight: var(--cre8-font-weights-inter-2);\n --cre8-typography-display-small-line-height: var(--cre8-line-heights-0);\n --cre8-typography-display-small-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-display-small-text-transform: var(--cre8-text-case-none);\n--cre8-typography-display-small-mobile-font-family: var(--cre8-font-families-inter);\n --cre8-typography-display-small-mobile-font-size: var(--cre8-font-size-8);\n --cre8-typography-display-small-mobile-font-weight: var(--cre8-font-weights-inter-2);\n --cre8-typography-display-small-mobile-line-height: var(--cre8-line-heights-0);\n --cre8-typography-display-small-mobile-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-display-small-mobile-text-transform: var(--cre8-text-case-none);\n--cre8-typography-meta-default-font-family: var(--cre8-font-families-inter);\n --cre8-typography-meta-default-font-size: var(--cre8-font-size-2);\n --cre8-typography-meta-default-font-weight: var(--cre8-font-weights-inter-2);\n --cre8-typography-meta-default-line-height: var(--cre8-line-heights-3);\n --cre8-typography-meta-default-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-meta-default-text-transform: var(--cre8-text-case-uppercase);\n--cre8-typography-meta-default-sentence-case-font-family: var(--cre8-font-families-inter);\n --cre8-typography-meta-default-sentence-case-font-size: var(--cre8-font-size-2);\n --cre8-typography-meta-default-sentence-case-font-weight: var(--cre8-font-weights-inter-2);\n --cre8-typography-meta-default-sentence-case-line-height: var(--cre8-line-heights-11);\n --cre8-typography-meta-default-sentence-case-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-meta-default-sentence-case-text-transform: var(--cre8-text-case-none);\n--cre8-typography-meta-large-font-family: var(--cre8-font-families-inter);\n --cre8-typography-meta-large-font-size: var(--cre8-font-size-4);\n --cre8-typography-meta-large-font-weight: var(--cre8-font-weights-inter-2);\n --cre8-typography-meta-large-line-height: var(--cre8-line-heights-3);\n --cre8-typography-meta-large-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-meta-large-text-transform: var(--cre8-text-case-uppercase);\n--cre8-typography-meta-small-font-family: var(--cre8-font-families-inter);\n --cre8-typography-meta-small-font-size: var(--cre8-font-size-1);\n --cre8-typography-meta-small-font-weight: var(--cre8-font-weights-inter-2);\n --cre8-typography-meta-small-line-height: var(--cre8-line-heights-3);\n --cre8-typography-meta-small-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-meta-small-text-transform: var(--cre8-text-case-uppercase);}\n";
|
|
1
|
+
declare const vivid = "\n@font-face {\n\tfont-family: 'Plus Jakarta Sans';\n\tfont-style: normal;\n\tfont-weight: 400;\n\tsrc: url('assets/fonts/PlusJakartaSans-Regular.woff2') format('woff2');\n\tfont-display: fallback;\n}\n\n@font-face {\n\tfont-family: 'Plus Jakarta Sans';\n\tfont-style: medium;\n\tfont-weight: 500;\n\tsrc: url('assets/fonts/PlusJakartaSans-Medium.woff2') format('woff2');\n\tfont-display: fallback;\n}\n\n@font-face {\n\tfont-family: 'Plus Jakarta Sans';\n\tfont-style: medium;\n\tfont-weight: 600;\n\tsrc: url('assets/fonts/PlusJakartaSans-SemiBold.woff2') format('woff2');\n\tfont-display: fallback;\n}\n\n@font-face {\n\tfont-family: 'Plus Jakarta Sans';\n\tfont-style: normal;\n\tfont-weight: 700;\n\tsrc: url('assets/fonts/PlusJakartaSans-Bold.woff2') format('woff2');\n\tfont-display: fallback;\n}\n/**\n * cre8-vivid \u2014 a high-saturation brand for cre8.\n *\n * Derived from cre8-a2ui and identical to it in structure, typography and\n * spacing. What changes is colour, and one change carries the rest:\n *\n * The a2ui status ramp maps success to cyan and error to pink. Neither hue\n * means what it says, and the two sit close enough that an alert's status has\n * to be read rather than seen. cre8-vivid goes back to the conventional\n * mapping \u2014 green good, red bad, amber caution \u2014 with violet for attention so\n * that no two statuses share a hue.\n *\n * The brand ramp moves from a single flat blue to indigo paired with cyan, and\n * ships that pairing as a gradient token. Correct-but-forgettable is a real\n * failure mode for a product surface; this is the answer to it.\n *\n * Everything below is a complete sheet, not an override layer: a viewer that\n * loads only `tokens_cre8-vivid.css` gets a whole design system.\n */\n\n:root {\n --cre8-desktop-menu-padding-vertical-padding: 1rem;\n --cre8-desktop-menu-padding-horizontal-padding: 0.5rem;\n --cre8-input-padding: 0.625rem 0.875rem;\n --cre8-input-label-margin-left: 0;\n --cre8-color-header-bg-default: #ffffff;\n --cre8-color-header-inverse-bg-default: #3B82F6;\n --cre8-color-header-menu-bg-default: #ffffff;\n --cre8-color-header-menu-inverse-bg-default: #3B82F6;\n --cre8-color-header-menu-bg-hover: #F8FAFC;\n --cre8-color-header-menu-inverse-bg-hover: #2563EB;\n --cre8-color-header-menu-bg-focus: #F8FAFC;\n --cre8-color-header-menu-inverse-bg-focus: #2563EB;\n --cre8-color-header-menu-bg-active: #E2E8F0;\n --cre8-color-header-menu-inverse-bg-active: #1D4ED8;\n --cre8-color-header-menu-bg-pressed: #E2E8F0;\n --cre8-color-header-menu-inverse-bg-pressed: #1D4ED8;\n --cre8-color-header-menu-bg-selected: #F8FAFC;\n --cre8-color-header-menu-inverse-bg-selected: #2563EB;\n --cre8-color-header-menu-content-default: #3B82F6;\n --cre8-color-header-menu-inverse-content-default: #ffffff;\n --cre8-color-header-menu-content-hover: #2563EB;\n --cre8-color-header-menu-inverse-content-hover: #ffffff;\n --cre8-color-header-menu-content-focus: #3B82F6;\n --cre8-color-header-menu-inverse-content-focus: #ffffff;\n --cre8-color-header-menu-content-active: #1D4ED8;\n --cre8-color-header-menu-inverse-content-active: #ffffff;\n --cre8-color-header-menu-content-pressed: #1D4ED8;\n --cre8-color-header-menu-inverse-content-pressed: #ffffff;\n --cre8-color-header-menu-content-selected: #2563EB;\n --cre8-color-header-menu-inverse-content-selected: #ffffff;\n --cre8-color-header-menu-border-default: rgba(15, 23, 42, 0.0);\n --cre8-color-header-menu-inverse-border-default: rgba(15, 23, 42, 0.0);\n --cre8-color-header-menu-border-hover: rgba(15, 23, 42, 0.0);\n --cre8-color-header-menu-inverse-border-hover: #ffffff;\n --cre8-color-header-menu-border-focus: #2563EB;\n --cre8-color-header-menu-inverse-border-focus: #ffffff;\n --cre8-color-header-menu-border-active: #3B82F6;\n --cre8-color-header-menu-inverse-border-active: #ffffff;\n --cre8-color-header-menu-border-pressed: #3B82F6;\n --cre8-color-header-menu-inverse-border-pressed: #ffffff;\n --cre8-color-header-menu-border-selected: #2563EB;\n --cre8-color-header-menu-inverse-border-selected: #F8FAFC;\n --cre8-color-header-submenu-bg-default: #ffffff;\n --cre8-color-header-submenu-inverse-bg-default: #3B82F6;\n --cre8-color-header-submenu-bg-hover: #F8FAFC;\n --cre8-color-header-submenu-inverse-bg-hover: #2563EB;\n --cre8-color-header-submenu-bg-focus: #ffffff;\n --cre8-color-header-submenu-inverse-bg-focus: #3B82F6;\n --cre8-color-header-submenu-bg-active: #E2E8F0;\n --cre8-color-header-submenu-inverse-bg-active: #1D4ED8;\n --cre8-color-header-submenu-bg-pressed: #E2E8F0;\n --cre8-color-header-submenu-inverse-bg-pressed: #1D4ED8;\n --cre8-color-header-submenu-bg-selected: #F8FAFC;\n --cre8-color-header-submenu-inverse-bg-selected: #2563EB;\n --cre8-color-header-submenu-content-default: #3B82F6;\n --cre8-color-header-submenu-inverse-content-default: #ffffff;\n --cre8-color-header-submenu-content-hover: #2563EB;\n --cre8-color-header-submenu-inverse-content-hover: #ffffff;\n --cre8-color-header-submenu-content-focus: #2563EB;\n --cre8-color-header-submenu-inverse-content-focus: #ffffff;\n --cre8-color-header-submenu-content-active: #1D4ED8;\n --cre8-color-header-submenu-inverse-content-active: #ffffff;\n --cre8-color-header-submenu-content-pressed: #1D4ED8;\n --cre8-color-header-submenu-inverse-content-pressed: #ffffff;\n --cre8-color-header-submenu-content-selected: #3B82F6;\n --cre8-color-header-submenu-inverse-content-selected: #ffffff;\n --cre8-color-header-submenu-border-default: #ffffff;\n --cre8-color-header-submenu-inverse-border-default: #3B82F6;\n --cre8-color-header-submenu-border-hover: #F8FAFC;\n --cre8-color-header-submenu-inverse-border-hover: #2563EB;\n --cre8-color-header-submenu-border-focus: #3B82F6;\n --cre8-color-header-submenu-inverse-border-focus: #ffffff;\n --cre8-color-header-submenu-border-active: #E2E8F0;\n --cre8-color-header-submenu-inverse-border-active: #1D4ED8;\n --cre8-color-header-submenu-border-pressed: #E2E8F0;\n --cre8-color-header-submenu-inverse-border-pressed: #1D4ED8;\n --cre8-color-header-submenu-border-selected: #2563EB;\n --cre8-color-header-submenu-inverse-border-selected: #F8FAFC;\n --cre8-color-header-bg-secondary: #3B82F6;\n --cre8-color-header-inverse-bg-secondary: #ffffff;\n --cre8-color-header-bg-tertiary: #3B82F6;\n --cre8-color-header-inverse-bg-tertiary: #ffffff;\n --cre8-color-footer-bg-default: #1E40AF;\n --cre8-color-footer-bg-secondary: #F8FAFC;\n --cre8-color-footer-content-secondary: #ffffff;\n --cre8-color-footer-link-hover: #93C5FD;\n --cre8-color-footer-link-default: #93C5FD;\n --cre8-spacing-0: 0rem;\n --cre8-spacing-2: 0.125rem;\n --cre8-spacing-4: 0.25rem;\n --cre8-spacing-6: 0.375rem;\n --cre8-spacing-8: 0.5rem;\n --cre8-spacing-12: 0.75rem;\n --cre8-spacing-14: 0.875rem;\n --cre8-spacing-16: 1rem;\n --cre8-spacing-18: 1.125rem;\n --cre8-spacing-24: 1.5rem;\n --cre8-spacing-32: 2rem;\n --cre8-spacing-40: 2.5rem;\n --cre8-spacing-48: 3rem;\n --cre8-spacing-64: 4rem;\n --cre8-spacing-80: 5rem;\n --cre8-spacing-96: 6rem;\n --cre8-spacing-120: 7.5rem;\n --cre8-spacing-160: 10rem;\n --cre8-color-button-primary-bg: #4F46E5;\n --cre8-color-button-primary-inverse-bg: #BFDBFE;\n --cre8-color-button-primary-bg-hover: #4338CA;\n --cre8-color-button-primary-inverse-bg-hover: #93C5FD;\n --cre8-color-button-primary-bg-active: #3730A3;\n --cre8-color-button-primary-inverse-bg-active: #60A5FA;\n --cre8-color-button-primary-bg-disabled: #E2E8F0;\n --cre8-color-button-primary-inverse-bg-disabled: #64748B;\n --cre8-color-button-primary-content: #FFFFFF;\n --cre8-color-button-primary-inverse-content: #1E40AF;\n --cre8-color-button-primary-content-hover: #ffffff;\n --cre8-color-button-primary-inverse-content-hover: #1E40AF;\n --cre8-color-button-primary-content-active: #ffffff;\n --cre8-color-button-primary-inverse-content-active: #1E40AF;\n --cre8-color-button-primary-content-disabled: #475569;\n --cre8-color-button-primary-inverse-content-disabled: #1E293B;\n --cre8-color-button-primary-border: #4F46E5;\n --cre8-color-button-primary-inverse-border: #BFDBFE;\n --cre8-color-button-primary-border-hover: #4338CA;\n --cre8-color-button-primary-inverse-border-hover: #93C5FD;\n --cre8-color-button-primary-border-active: #3730A3;\n --cre8-color-button-primary-inverse-border-active: #60A5FA;\n --cre8-color-button-primary-border-disabled: #E2E8F0;\n --cre8-color-button-primary-inverse-border-disabled: #64748B;\n --cre8-color-button-primary-outline: #1D4ED8;\n --cre8-color-button-primary-inverse-outline: #BFDBFE;\n --cre8-color-button-primary-danger-bg: #E11D48;\n --cre8-color-button-primary-danger-inverse-bg: #F9A8D4;\n --cre8-color-button-primary-danger-bg-hover: #BE123C;\n --cre8-color-button-primary-danger-inverse-bg-hover: #FBCFE8;\n --cre8-color-button-primary-danger-bg-active: #BE185D;\n --cre8-color-button-primary-danger-inverse-bg-active: #FCE7F3;\n --cre8-color-button-primary-danger-bg-disabled: #E2E8F0;\n --cre8-color-button-primary-danger-inverse-bg-disabled: #64748B;\n --cre8-color-button-primary-danger-content: #ffffff;\n --cre8-color-button-primary-danger-inverse-content: #0F172A;\n --cre8-color-button-primary-danger-content-hover: #ffffff;\n --cre8-color-button-primary-danger-inverse-content-hover: #0F172A;\n --cre8-color-button-primary-danger-content-active: #ffffff;\n --cre8-color-button-primary-danger-inverse-content-active: #0F172A;\n --cre8-color-button-primary-danger-content-disabled: #475569;\n --cre8-color-button-primary-danger-inverse-content-disabled: #1E293B;\n --cre8-color-button-primary-danger-border: #E11D48;\n --cre8-color-button-primary-danger-inverse-border: #F9A8D4;\n --cre8-color-button-primary-danger-border-hover: #BE123C;\n --cre8-color-button-primary-danger-inverse-border-hover: #FBCFE8;\n --cre8-color-button-primary-danger-border-active: #BE185D;\n --cre8-color-button-primary-danger-inverse-border-active: #FCE7F3;\n --cre8-color-button-primary-danger-border-disabled: #E2E8F0;\n --cre8-color-button-primary-danger-inverse-border-disabled: #64748B;\n --cre8-color-button-primary-danger-outline: #1D4ED8;\n --cre8-color-button-primary-danger-inverse-outline: #BFDBFE;\n --cre8-color-button-secondary-neutral-bg: rgba(15, 23, 42, 0.0);\n --cre8-color-button-secondary-neutral-inverse-bg: rgba(15, 23, 42, 0.0);\n --cre8-color-button-secondary-neutral-content: #0F172A;\n --cre8-color-button-secondary-neutral-inverse-content: #ffffff;\n --cre8-color-button-secondary-neutral-border: #0F172A;\n --cre8-color-button-secondary-neutral-inverse-border: #ffffff;\n --cre8-color-button-secondary-neutral-bg-hover: rgba(15, 23, 42, 0.10);\n --cre8-color-button-secondary-neutral-inverse-bg-hover: rgba(15, 23, 42, 0.20);\n --cre8-color-button-secondary-neutral-content-hover: #0F172A;\n --cre8-color-button-secondary-neutral-inverse-content-hover: #ffffff;\n --cre8-color-button-secondary-neutral-border-hover: #0F172A;\n --cre8-color-button-secondary-neutral-inverse-border-hover: #ffffff;\n --cre8-color-button-secondary-neutral-border-active: #0F172A;\n --cre8-color-button-secondary-neutral-inverse-border-active: #ffffff;\n --cre8-color-button-secondary-neutral-bg-active: rgba(15, 23, 42, 0.20);\n --cre8-color-button-secondary-neutral-inverse-bg-active: rgba(15, 23, 42, 0.50);\n --cre8-color-button-secondary-neutral-content-active: #0F172A;\n --cre8-color-button-secondary-neutral-inverse-content-active: #ffffff;\n --cre8-color-button-secondary-neutral-bg-disabled: #E2E8F0;\n --cre8-color-button-secondary-neutral-inverse-bg-disabled: #64748B;\n --cre8-color-button-secondary-neutral-border-disabled: #E2E8F0;\n --cre8-color-button-secondary-neutral-inverse-border-disabled: #64748B;\n --cre8-color-button-secondary-neutral-content-disabled: #475569;\n --cre8-color-button-secondary-neutral-inverse-content-disabled: #1E293B;\n --cre8-color-button-secondary-neutral-outline: #1E3A8A;\n --cre8-color-button-secondary-neutral-inverse-outline: #BFDBFE;\n --cre8-color-button-secondary-bg: rgba(15, 23, 42, 0.0);\n --cre8-color-button-secondary-inverse-bg: rgba(15, 23, 42, 0.0);\n --cre8-color-button-secondary-bg-hover: #EFF6FF;\n --cre8-color-button-secondary-inverse-bg-hover: rgba(15, 23, 42, 0.0);\n --cre8-color-button-secondary-bg-active: #DBEAFE;\n --cre8-color-button-secondary-inverse-bg-active: #1E3A8A;\n --cre8-color-button-secondary-bg-disabled: #E2E8F0;\n --cre8-color-button-secondary-inverse-bg-disabled: rgba(15, 23, 42, 0.0);\n --cre8-color-button-secondary-content: #3B82F6;\n --cre8-color-button-secondary-inverse-content: #BFDBFE;\n --cre8-color-button-secondary-content-hover: #2563EB;\n --cre8-color-button-secondary-inverse-content-hover: #93C5FD;\n --cre8-color-button-secondary-content-active: #1D4ED8;\n --cre8-color-button-secondary-inverse-content-active: #60A5FA;\n --cre8-color-button-secondary-content-disabled: #475569;\n --cre8-color-button-secondary-inverse-content-disabled: #64748B;\n --cre8-color-button-secondary-border: #3B82F6;\n --cre8-color-button-secondary-inverse-border: #BFDBFE;\n --cre8-color-button-secondary-border-hover: #2563EB;\n --cre8-color-button-secondary-inverse-border-hover: #93C5FD;\n --cre8-color-button-secondary-border-active: #1D4ED8;\n --cre8-color-button-secondary-inverse-border-active: #60A5FA;\n --cre8-color-button-secondary-border-disabled: #64748B;\n --cre8-color-button-secondary-inverse-border-disabled: #64748B;\n --cre8-color-button-secondary-outline: #1D4ED8;\n --cre8-color-button-secondary-inverse-outline: #93C5FD;\n --cre8-color-button-secondary-danger-bg: rgba(15, 23, 42, 0.0);\n --cre8-color-button-secondary-danger-inverse-bg: rgba(15, 23, 42, 0.0);\n --cre8-color-button-secondary-danger-bg-hover: #DB2777;\n --cre8-color-button-secondary-danger-inverse-bg-hover: #FBCFE8;\n --cre8-color-button-secondary-danger-bg-active: #BE185D;\n --cre8-color-button-secondary-danger-inverse-bg-active: #FCE7F3;\n --cre8-color-button-secondary-danger-bg-disabled: #E2E8F0;\n --cre8-color-button-secondary-danger-inverse-bg-disabled: #64748B;\n --cre8-color-button-secondary-danger-content: #EC4899;\n --cre8-color-button-secondary-danger-inverse-content: #F472B6;\n --cre8-color-button-secondary-danger-content-hover: #ffffff;\n --cre8-color-button-secondary-danger-inverse-content-hover: #0F172A;\n --cre8-color-button-secondary-danger-content-active: #ffffff;\n --cre8-color-button-secondary-danger-inverse-content-active: #0F172A;\n --cre8-color-button-secondary-danger-content-disabled: #475569;\n --cre8-color-button-secondary-danger-inverse-content-disabled: #1E293B;\n --cre8-color-button-secondary-danger-border: #EC4899;\n --cre8-color-button-secondary-danger-inverse-border: #F472B6;\n --cre8-color-button-secondary-danger-border-hover: #DB2777;\n --cre8-color-button-secondary-danger-inverse-border-hover: #FBCFE8;\n --cre8-color-button-secondary-danger-border-active: #BE185D;\n --cre8-color-button-secondary-danger-inverse-border-active: #FCE7F3;\n --cre8-color-button-secondary-danger-border-disabled: #E2E8F0;\n --cre8-color-button-secondary-danger-inverse-border-disabled: #64748B;\n --cre8-color-button-secondary-danger-outline: #1D4ED8;\n --cre8-color-button-secondary-danger-inverse-outline: #BFDBFE;\n --cre8-color-button-tertiary-bg: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-inverse-bg: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-bg-hover: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-inverse-bg-hover: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-bg-active: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-inverse-bg-active: #172554;\n --cre8-color-button-tertiary-bg-disabled: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-inverse-bg-disabled: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-content: #3B82F6;\n --cre8-color-button-tertiary-inverse-content: #BFDBFE;\n --cre8-color-button-tertiary-content-hover: #2563EB;\n --cre8-color-button-tertiary-inverse-content-hover: #93C5FD;\n --cre8-color-button-tertiary-content-active: #1D4ED8;\n --cre8-color-button-tertiary-inverse-content-active: #60A5FA;\n --cre8-color-button-tertiary-content-disabled: #475569;\n --cre8-color-button-tertiary-inverse-content-disabled: #64748B;\n --cre8-color-button-tertiary-border: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-inverse-border: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-border-hover: #2563EB;\n --cre8-color-button-tertiary-inverse-border-hover: #93C5FD;\n --cre8-color-button-tertiary-border-active: #1D4ED8;\n --cre8-color-button-tertiary-inverse-border-active: #60A5FA;\n --cre8-color-button-tertiary-border-disabled: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-inverse-border-disabled: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-outline: #1D4ED8;\n --cre8-color-button-tertiary-inverse-outline: #93C5FD;\n --cre8-color-button-tertiary-neutral-bg: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-neutral-inverse-bg: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-neutral-content: #0F172A;\n --cre8-color-button-tertiary-neutral-inverse-content: #ffffff;\n --cre8-color-button-tertiary-neutral-border: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-neutral-inverse-border: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-neutral-bg-hover: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-neutral-inverse-bg-hover: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-neutral-content-hover: #0F172A;\n --cre8-color-button-tertiary-neutral-inverse-content-hover: #ffffff;\n --cre8-color-button-tertiary-neutral-border-hover: #0F172A;\n --cre8-color-button-tertiary-neutral-inverse-border-hover: #ffffff;\n --cre8-color-button-tertiary-neutral-border-active: #0F172A;\n --cre8-color-button-tertiary-neutral-inverse-border-active: #ffffff;\n --cre8-color-button-tertiary-neutral-bg-active: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-neutral-inverse-bg-active: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-neutral-content-active: #0F172A;\n --cre8-color-button-tertiary-neutral-inverse-content-active: #ffffff;\n --cre8-color-button-tertiary-neutral-bg-disabled: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-neutral-inverse-bg-disabled: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-neutral-border-disabled: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-neutral-inverse-border-disabled: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-neutral-content-disabled: #475569;\n --cre8-color-button-tertiary-neutral-inverse-content-disabled: #1E293B;\n --cre8-color-button-tertiary-neutral-outline: #1E3A8A;\n --cre8-color-button-tertiary-neutral-inverse-outline: #BFDBFE;\n --cre8-color-button-tertiary-danger-bg: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-danger-inverse-bg: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-danger-bg-hover: #DB2777;\n --cre8-color-button-tertiary-danger-inverse-bg-hover: #FBCFE8;\n --cre8-color-button-tertiary-danger-bg-active: #BE185D;\n --cre8-color-button-tertiary-danger-inverse-bg-active: #FCE7F3;\n --cre8-color-button-tertiary-danger-bg-disabled: #E2E8F0;\n --cre8-color-button-tertiary-danger-inverse-bg-disabled: #64748B;\n --cre8-color-button-tertiary-danger-content: #EC4899;\n --cre8-color-button-tertiary-danger-inverse-content: #F472B6;\n --cre8-color-button-tertiary-danger-content-hover: #ffffff;\n --cre8-color-button-tertiary-danger-inverse-content-hover: #0F172A;\n --cre8-color-button-tertiary-danger-content-active: #ffffff;\n --cre8-color-button-tertiary-danger-inverse-content-active: #0F172A;\n --cre8-color-button-tertiary-danger-content-disabled: #475569;\n --cre8-color-button-tertiary-danger-inverse-content-disabled: #1E293B;\n --cre8-color-button-tertiary-danger-border: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-danger-inverse-border: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-danger-border-hover: #DB2777;\n --cre8-color-button-tertiary-danger-inverse-border-hover: #FBCFE8;\n --cre8-color-button-tertiary-danger-border-active: #BE185D;\n --cre8-color-button-tertiary-danger-inverse-border-active: #FCE7F3;\n --cre8-color-button-tertiary-danger-border-disabled: #E2E8F0;\n --cre8-color-button-tertiary-danger-inverse-border-disabled: #64748B;\n --cre8-color-button-tertiary-danger-outline: #1D4ED8;\n --cre8-color-button-tertiary-danger-inverse-outline: #BFDBFE;\n --cre8-button-padding-vertical-small: 0.5rem;\n --cre8-button-padding-vertical-medium: 0.75rem;\n --cre8-button-padding-vertical-large: 1rem;\n --cre8-button-padding-vertical-icon-only: 0.5rem;\n --cre8-button-padding-vertical-small-icon-only: 0.5rem;\n --cre8-button-padding-vertical-medium-icon-only: 1rem;\n --cre8-button-padding-vertical-large-icon-only: 1rem;\n --cre8-button-padding-horizontal-small: 1rem;\n --cre8-button-padding-horizontal-medium: 1.5rem;\n --cre8-button-padding-horizontal-large: 2rem;\n --cre8-button-padding-horizontal-icon-only: 0.5rem;\n --cre8-button-padding-horizontal-small-icon-only: 0.5rem;\n --cre8-button-padding-horizontal-medium-icon-only: 1rem;\n --cre8-button-padding-horizontal-large-icon-only: 1rem;\n --cre8-color-bg-default: #FFFFFF;\n --cre8-color-bg-default-hover: #EEF0FF;\n --cre8-color-bg-default-active: #DDE1FF;\n --cre8-color-bg-subtle: #F2F5FD;\n --cre8-color-bg-moderate: #9AA3BF;\n --cre8-color-bg-inverse-moderate: #64748B;\n --cre8-color-bg-strong: #0A0F1F;\n --cre8-color-bg-disabled: #E4E8F4;\n --cre8-color-bg-brand: #FFFFFF;\n --cre8-color-bg-brand-active: #DDE1FF;\n --cre8-color-bg-brand-hover: #EEF0FF;\n --cre8-color-bg-brand-strong: #4F46E5;\n --cre8-color-bg-brand-strong-hover: #4338CA;\n --cre8-color-bg-brand-strong-active: #3730A3;\n --cre8-color-bg-brand-xstrong: #3730A3;\n --cre8-color-bg-brand-xstrong-hover: #4338CA;\n --cre8-color-bg-brand-xstrong-active: #312E81;\n --cre8-color-bg-success: #E7FBF3;\n --cre8-color-bg-success-strong: #047857;\n --cre8-color-bg-error: #FFEFF2;\n --cre8-color-bg-error-strong: #E11D48;\n --cre8-color-bg-warning: #FFF7E6;\n --cre8-color-bg-warning-strong: #F59E0B;\n --cre8-color-bg-info: #EEF0FF;\n --cre8-color-bg-info-strong: #4F46E5;\n --cre8-color-bg-attention: #F3EEFF;\n --cre8-color-bg-attention-strong: #8B5CF6;\n --cre8-color-bg-opacity-transparent: rgba(15, 23, 42, 0.0);\n --cre8-color-bg-opacity-default: rgba(15, 23, 42, 0.50);\n --cre8-color-bg-active: #0F172A;\n --cre8-color-bg-inverse-active: #ffffff;\n --cre8-color-content-default: #0A0F1F;\n --cre8-color-content-subtle: #5B6484;\n --cre8-color-content-disabled: #9AA3BF;\n --cre8-color-content-knockout: #FFFFFF;\n --cre8-color-content-brand: #4F46E5;\n --cre8-color-content-brand-strong: #4338CA;\n --cre8-color-content-brand-knockout: #ECFEFF;\n --cre8-color-content-success: #047857;\n --cre8-color-content-success-icon: #047857;\n --cre8-color-content-error: #BE123C;\n --cre8-color-content-error-icon: #BE123C;\n --cre8-color-content-warning-icon: #D97706;\n --cre8-color-content-info-icon: #4F46E5;\n --cre8-color-content-attention-icon: #7C3AED;\n --cre8-color-content-link: #4F46E5;\n --cre8-color-content-inverse-link: #BFDBFE;\n --cre8-color-content-link-hover: #4338CA;\n --cre8-color-content-inverse-link-hover: #93C5FD;\n --cre8-color-content-link-focus: #ffffff;\n --cre8-color-content-inverse-link-focus: #0F172A;\n --cre8-color-content-link-visited: #7C3AED;\n --cre8-color-content-inverse-link-visited: #E9D5FF;\n --cre8-color-content-link-disabled: #475569;\n --cre8-color-content-inverse-link-disabled: #E2E8F0;\n --cre8-color-content-link-active: #3730A3;\n --cre8-color-content-inverse-link-active: #60A5FA;\n --cre8-color-border-default: #E4E8F4;\n --cre8-color-border-strong: #9AA3BF;\n --cre8-color-border-knockout: #ffffff;\n --cre8-color-border-disabled: #CBD5E1;\n --cre8-color-border-brand: #4F46E5;\n --cre8-color-border-brand-subtle: #A5B0FF;\n --cre8-color-border-brand-strong: #4338CA;\n --cre8-color-border-success: #10B981;\n --cre8-color-border-error: #E11D48;\n --cre8-color-border-warning: #F59E0B;\n --cre8-color-border-info: #4F46E5;\n --cre8-color-border-attention: #8B5CF6;\n --cre8-color-border-transparent: rgba(15, 23, 42, 0.0);\n --cre8-color-border-active-outline: #2563EB;\n --cre8-color-border-inverse-active-outline: #BFDBFE;\n --cre8-font-size-0: 0.75rem;\n --cre8-font-size-1: 0.875rem;\n --cre8-font-size-2: 1rem;\n --cre8-font-size-3: 1.125rem;\n --cre8-font-size-4: 1.25rem;\n --cre8-font-size-5: 1.5rem;\n --cre8-font-size-6: 1.75rem;\n --cre8-font-size-7: 2rem;\n --cre8-font-size-8: 2.5rem;\n --cre8-font-size-9: 3rem;\n --cre8-font-size-10: 3.5rem;\n --cre8-font-size-11: 4rem;\n --cre8-font-size-12: 4.5rem;\n --cre8-font-size-13: 5rem;\n --cre8-letter-spacing-0: -1.5;\n --cre8-letter-spacing-1: -1;\n --cre8-letter-spacing-2: -0.5;\n --cre8-letter-spacing-3: 0;\n --cre8-letter-spacing-4: 2;\n --cre8-letter-spacing-5: 1;\n --cre8-letter-spacing-6: 1.5;\n --cre8-paragraph-spacing-0: 0;\n --cre8-text-case-none: none;\n --cre8-text-case-uppercase: uppercase;\n --cre8-text-decoration-none: none;\n --cre8-text-decoration-underline: underline;\n --cre8-paragraph-indent-0: 0px;\n --cre8-border-radius-small: 12px;\n --cre8-border-radius-checkbox: 4px;\n --cre8-border-radius-default: 12px;\n --cre8-border-radius-large: 24px;\n --cre8-border-radius-round: 900px;\n --cre8-border-radius-button: 900px;\n --cre8-border-radius-badge: 900px;\n --cre8-border-radius-tabs: 12px;\n --cre8-border-radius-container: 24px;\n --cre8-border-radius-field: 12px;\n --cre8-border-radius-field-brand: 12px;\n --cre8-border-radius-brand: 900px;\n --cre8-border-radius-none: 0px;\n --cre8-border-width-none: 0rem;\n --cre8-border-width-default: 0.0625rem;\n --cre8-border-width-focus: 0.125rem;\n --cre8-border-width-large: 0.25rem;\n --cre8-border-width-button-tertiary-outline-focus: 0.125rem;\n --cre8-border-width-button-default: 0.125rem;\n --cre8-border-width-tab-selected: 0.125rem;\n --cre8-border-width-tab-default: 0.125rem;\n --cre8-border-style-button-tertiary-outline-focus: solid;\n --cre8-border-style-default: solid;\n --cre8-breakpoint-xsm: 375px;\n --cre8-breakpoint-sm: 560px;\n --cre8-breakpoint-md: 768px;\n --cre8-breakpoint-lg: 960px;\n --cre8-breakpoint-xl: 1200px;\n --cre8-breakpoint-xxl: 1400px;\n\n /* Elevation \u2014 neutral-tinted, driven by the overlay primitives */\n --cre8-shadow-none: none;\n --cre8-shadow-button: none;\n --cre8-shadow-small: 0 1px 3px 0 oklch(from var(--cre8-neutral-900) l c h / 0.06);\n --cre8-shadow-default: 0 4px 12px 0 oklch(from var(--cre8-neutral-900) l c h / 0.08);\n --cre8-shadow-large: 0 8px 24px 0 oklch(from var(--cre8-neutral-900) l c h / 0.12);\n}\n\n/* ===========================================================================\n MODE \u2014 the 152 hand-maintained inverse tokens collapse to this block.\n Only the mode indirection is remapped; the semantic and component tiers\n re-resolve through it, so every component follows with no per-component\n work. The legacy --cre8-color-*-inverse-* names are still emitted above\n and still resolve to their original values.\n\n Put [data-mode] on <html> for the whole document, or pair it with\n [data-cre8-theme] on any element to scope the mode to that subtree.\n =========================================================================== */\n[data-mode=\"inverse\"] {\n --cre8-mode-bg-default: var(--cre8-neutral-800);\n --cre8-mode-bg-default-hover: var(--cre8-neutral-700);\n --cre8-mode-bg-subtle: var(--cre8-neutral-900);\n --cre8-mode-bg-strong: var(--cre8-neutral-50);\n --cre8-mode-bg-disabled: var(--cre8-neutral-700);\n --cre8-mode-bg-brand: var(--cre8-primary-900);\n --cre8-mode-bg-brand-hover: var(--cre8-primary-800);\n --cre8-mode-bg-brand-strong: var(--cre8-primary-300);\n --cre8-mode-bg-brand-strong-hover: var(--cre8-primary-200);\n --cre8-mode-content-default: var(--cre8-neutral-50);\n --cre8-mode-content-subtle: var(--cre8-neutral-400);\n --cre8-mode-content-disabled: var(--cre8-neutral-600);\n --cre8-mode-content-knockout: var(--cre8-neutral-900);\n --cre8-mode-content-brand: var(--cre8-primary-300);\n --cre8-mode-content-brand-strong: var(--cre8-primary-200);\n --cre8-mode-content-link: var(--cre8-primary-300);\n --cre8-mode-content-link-hover: var(--cre8-primary-200);\n --cre8-mode-border-default: var(--cre8-neutral-700);\n --cre8-mode-border-strong: var(--cre8-neutral-500);\n --cre8-mode-border-brand: var(--cre8-primary-300);\n}\n\n@media (prefers-color-scheme: dark) {\n [data-mode=\"auto\"] {\n --cre8-mode-bg-default: var(--cre8-neutral-800);\n --cre8-mode-bg-default-hover: var(--cre8-neutral-700);\n --cre8-mode-bg-subtle: var(--cre8-neutral-900);\n --cre8-mode-bg-strong: var(--cre8-neutral-50);\n --cre8-mode-bg-disabled: var(--cre8-neutral-700);\n --cre8-mode-bg-brand: var(--cre8-primary-900);\n --cre8-mode-bg-brand-hover: var(--cre8-primary-800);\n --cre8-mode-bg-brand-strong: var(--cre8-primary-300);\n --cre8-mode-bg-brand-strong-hover: var(--cre8-primary-200);\n --cre8-mode-content-default: var(--cre8-neutral-50);\n --cre8-mode-content-subtle: var(--cre8-neutral-400);\n --cre8-mode-content-disabled: var(--cre8-neutral-600);\n --cre8-mode-content-knockout: var(--cre8-neutral-900);\n --cre8-mode-content-brand: var(--cre8-primary-300);\n --cre8-mode-content-brand-strong: var(--cre8-primary-200);\n --cre8-mode-content-link: var(--cre8-primary-300);\n --cre8-mode-content-link-hover: var(--cre8-primary-200);\n --cre8-mode-border-default: var(--cre8-neutral-700);\n --cre8-mode-border-strong: var(--cre8-neutral-500);\n --cre8-mode-border-brand: var(--cre8-primary-300);\n }\n}\n\n/**\n * Brand gradient.\n *\n * cre8 has no gradient primitive, because until now no brand needed one. It is\n * the identity of cre8-vivid rather than decoration on top of it, so it belongs\n * with the tokens and not in an application stylesheet.\n */\n:root {\n --cre8-gradient-brand: linear-gradient(135deg, #4F46E5 0%, #06B6D4 100%);\n --cre8-gradient-brand-rich: linear-gradient(150deg, #4F46E5 0%, #6D28D9 42%, #06B6D4 100%);\n --cre8-gradient-brand-from: #4F46E5;\n --cre8-gradient-brand-to: #06B6D4;\n}\n\n/**\n * Dark mode.\n *\n * The sheet a2ui inherits gates dark values on `[data-mode=\"auto\"]`, which\n * means a page that never sets that attribute has no dark mode at all. These\n * are the same token names under `prefers-color-scheme`, so a plain page\n * follows the system. Accent hues step lighter \u2014 full-saturation indigo on\n * near-black does not hold enough contrast to read as text.\n */\n@media (prefers-color-scheme: dark) {\n :root {\n --cre8-color-bg-default: #111A30;\n --cre8-color-bg-default-hover: #18223C;\n --cre8-color-bg-default-active: #1E2947;\n --cre8-color-bg-subtle: #0D1425;\n --cre8-color-bg-strong: #E9EDF7;\n --cre8-color-bg-disabled: #1E2740;\n\n --cre8-color-bg-brand: #141A3A;\n --cre8-color-bg-brand-strong: #6366F1;\n --cre8-color-bg-brand-strong-hover: #818CF8;\n --cre8-color-bg-success: #06251B;\n --cre8-color-bg-error: #2A0B14;\n --cre8-color-bg-warning: #2A1C05;\n --cre8-color-bg-info: #141A3A;\n --cre8-color-bg-attention: #1E1440;\n\n --cre8-color-content-default: #E9EDF7;\n --cre8-color-content-subtle: #9AA3BF;\n --cre8-color-content-disabled: #5B6484;\n --cre8-color-content-brand: #A5B0FF;\n --cre8-color-content-brand-strong: #C7CDFF;\n --cre8-color-content-success: #34D399;\n --cre8-color-content-success-icon: #34D399;\n --cre8-color-content-error: #FB7185;\n --cre8-color-content-error-icon: #FB7185;\n --cre8-color-content-warning-icon: #FBBF24;\n --cre8-color-content-info-icon: #A5B0FF;\n --cre8-color-content-attention-icon: #C4B5FD;\n --cre8-color-content-link: #A5B0FF;\n\n --cre8-color-border-default: #1E2740;\n --cre8-color-border-strong: #39435F;\n\n --cre8-color-button-primary-bg: #6366F1;\n --cre8-color-button-primary-bg-hover: #818CF8;\n --cre8-color-button-primary-border: #6366F1;\n --cre8-color-button-primary-border-hover: #818CF8;\n\n --cre8-gradient-brand-rich: linear-gradient(150deg, #4338CA 0%, #6D28D9 45%, #0891B2 100%);\n }\n}\n:root{--cre8-typography-body-xlarge-font-family: var(--cre8-font-families-inter);\n --cre8-typography-body-xlarge-font-size: var(--cre8-font-size-5);\n --cre8-typography-body-xlarge-font-weight: var(--cre8-font-weights-inter-0);\n --cre8-typography-body-xlarge-line-height: var(--cre8-line-heights-7);\n --cre8-typography-body-xlarge-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-body-xlarge-text-transform: var(--cre8-text-case-none);\n--cre8-typography-body-xlarge-strong-font-family: var(--cre8-font-families-inter);\n --cre8-typography-body-xlarge-strong-font-size: var(--cre8-font-size-5);\n --cre8-typography-body-xlarge-strong-font-weight: var(--cre8-font-weights-inter-1);\n --cre8-typography-body-xlarge-strong-line-height: var(--cre8-line-heights-7);\n --cre8-typography-body-xlarge-strong-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-body-xlarge-strong-text-transform: var(--cre8-text-case-none);\n--cre8-typography-body-xlarge-link-font-family: var(--cre8-font-families-inter);\n --cre8-typography-body-xlarge-link-font-size: var(--cre8-font-size-5);\n --cre8-typography-body-xlarge-link-font-weight: var(--cre8-font-weights-inter-1);\n --cre8-typography-body-xlarge-link-line-height: var(--cre8-line-heights-7);\n --cre8-typography-body-xlarge-link-text-decoration: var(--cre8-text-decoration-underline);\n --cre8-typography-body-xlarge-link-text-transform: var(--cre8-text-case-none);\n--cre8-typography-body-large-font-family: var(--cre8-font-families-inter);\n --cre8-typography-body-large-font-size: var(--cre8-font-size-3);\n --cre8-typography-body-large-font-weight: var(--cre8-font-weights-inter-0);\n --cre8-typography-body-large-line-height: var(--cre8-line-heights-7);\n --cre8-typography-body-large-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-body-large-text-transform: var(--cre8-text-case-none);\n--cre8-typography-body-large-strong-font-family: var(--cre8-font-families-inter);\n --cre8-typography-body-large-strong-font-size: var(--cre8-font-size-3);\n --cre8-typography-body-large-strong-font-weight: var(--cre8-font-weights-inter-1);\n --cre8-typography-body-large-strong-line-height: var(--cre8-line-heights-7);\n --cre8-typography-body-large-strong-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-body-large-strong-text-transform: var(--cre8-text-case-none);\n--cre8-typography-body-default-font-family: var(--cre8-font-families-inter);\n --cre8-typography-body-default-font-size: var(--cre8-font-size-2);\n --cre8-typography-body-default-font-weight: var(--cre8-font-weights-inter-0);\n --cre8-typography-body-default-line-height: var(--cre8-line-heights-7);\n --cre8-typography-body-default-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-body-default-text-transform: var(--cre8-text-case-none);\n--cre8-typography-body-default-strong-font-family: var(--cre8-font-families-inter);\n --cre8-typography-body-default-strong-font-size: var(--cre8-font-size-2);\n --cre8-typography-body-default-strong-font-weight: var(--cre8-font-weights-inter-1);\n --cre8-typography-body-default-strong-line-height: var(--cre8-line-heights-7);\n --cre8-typography-body-default-strong-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-body-default-strong-text-transform: var(--cre8-text-case-none);\n--cre8-typography-body-small-font-family: var(--cre8-font-families-inter);\n --cre8-typography-body-small-font-size: var(--cre8-font-size-1);\n --cre8-typography-body-small-font-weight: var(--cre8-font-weights-inter-0);\n --cre8-typography-body-small-line-height: var(--cre8-line-heights-8);\n --cre8-typography-body-small-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-body-small-text-transform: var(--cre8-text-case-none);\n--cre8-typography-body-small-strong-font-family: var(--cre8-font-families-inter);\n --cre8-typography-body-small-strong-font-size: var(--cre8-font-size-1);\n --cre8-typography-body-small-strong-font-weight: var(--cre8-font-weights-inter-1);\n --cre8-typography-body-small-strong-line-height: var(--cre8-line-heights-8);\n --cre8-typography-body-small-strong-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-body-small-strong-text-transform: var(--cre8-text-case-none);\n--cre8-typography-body-large-link-font-family: var(--cre8-font-families-inter);\n --cre8-typography-body-large-link-font-size: var(--cre8-font-size-3);\n --cre8-typography-body-large-link-font-weight: var(--cre8-font-weights-inter-1);\n --cre8-typography-body-large-link-line-height: var(--cre8-line-heights-7);\n --cre8-typography-body-large-link-text-decoration: var(--cre8-text-decoration-underline);\n --cre8-typography-body-large-link-text-transform: var(--cre8-text-case-none);\n--cre8-typography-body-default-link-font-family: var(--cre8-font-families-inter);\n --cre8-typography-body-default-link-font-size: var(--cre8-font-size-2);\n --cre8-typography-body-default-link-font-weight: var(--cre8-font-weights-inter-1);\n --cre8-typography-body-default-link-line-height: var(--cre8-line-heights-7);\n --cre8-typography-body-default-link-text-decoration: var(--cre8-text-decoration-underline);\n --cre8-typography-body-default-link-text-transform: var(--cre8-text-case-none);\n--cre8-typography-body-small-link-font-family: var(--cre8-font-families-inter);\n --cre8-typography-body-small-link-font-size: var(--cre8-font-size-1);\n --cre8-typography-body-small-link-font-weight: var(--cre8-font-weights-inter-1);\n --cre8-typography-body-small-link-line-height: var(--cre8-line-heights-8);\n --cre8-typography-body-small-link-text-decoration: var(--cre8-text-decoration-underline);\n --cre8-typography-body-small-link-text-transform: var(--cre8-text-case-none);\n--cre8-typography-label-default-font-family: var(--cre8-font-families-inter);\n --cre8-typography-label-default-font-size: var(--cre8-font-size-2);\n --cre8-typography-label-default-font-weight: var(--cre8-font-weights-inter-1);\n --cre8-typography-label-default-line-height: var(--cre8-line-heights-7);\n --cre8-typography-label-default-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-label-default-text-transform: var(--cre8-text-case-none);\n--cre8-typography-label-large-font-family: var(--cre8-font-families-inter);\n --cre8-typography-label-large-font-size: var(--cre8-font-size-3);\n --cre8-typography-label-large-font-weight: var(--cre8-font-weights-inter-1);\n --cre8-typography-label-large-line-height: var(--cre8-line-heights-5);\n --cre8-typography-label-large-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-label-large-text-transform: var(--cre8-text-case-none);\n--cre8-typography-label-small-font-family: var(--cre8-font-families-inter);\n --cre8-typography-label-small-font-size: var(--cre8-font-size-1);\n --cre8-typography-label-small-font-weight: var(--cre8-font-weights-inter-1);\n --cre8-typography-label-small-line-height: var(--cre8-line-heights-7);\n --cre8-typography-label-small-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-label-small-text-transform: var(--cre8-text-case-none);\n--cre8-typography-title-xlarge-font-family: var(--cre8-font-families-inter);\n --cre8-typography-title-xlarge-font-size: var(--cre8-font-size-8);\n --cre8-typography-title-xlarge-font-weight: var(--cre8-font-weights-inter-1);\n --cre8-typography-title-xlarge-line-height: var(--cre8-line-heights-4);\n --cre8-typography-title-xlarge-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-title-xlarge-text-transform: var(--cre8-text-case-none);\n--cre8-typography-title-xlarge-mobile-font-family: var(--cre8-font-families-inter);\n --cre8-typography-title-xlarge-mobile-font-size: var(--cre8-font-size-7);\n --cre8-typography-title-xlarge-mobile-font-weight: var(--cre8-font-weights-inter-1);\n --cre8-typography-title-xlarge-mobile-line-height: var(--cre8-line-heights-4);\n --cre8-typography-title-xlarge-mobile-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-title-xlarge-mobile-text-transform: var(--cre8-text-case-none);\n--cre8-typography-title-large-font-family: var(--cre8-font-families-inter);\n --cre8-typography-title-large-font-size: var(--cre8-font-size-6);\n --cre8-typography-title-large-font-weight: var(--cre8-font-weights-inter-1);\n --cre8-typography-title-large-line-height: var(--cre8-line-heights-1);\n --cre8-typography-title-large-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-title-large-text-transform: var(--cre8-text-case-none);\n--cre8-typography-title-large-mobile-font-family: var(--cre8-font-families-inter);\n --cre8-typography-title-large-mobile-font-size: var(--cre8-font-size-5);\n --cre8-typography-title-large-mobile-font-weight: var(--cre8-font-weights-inter-1);\n --cre8-typography-title-large-mobile-line-height: var(--cre8-line-heights-1);\n --cre8-typography-title-large-mobile-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-title-large-mobile-text-transform: var(--cre8-text-case-none);\n--cre8-typography-title-default-font-family: var(--cre8-font-families-inter);\n --cre8-typography-title-default-font-size: var(--cre8-font-size-5);\n --cre8-typography-title-default-font-weight: var(--cre8-font-weights-inter-1);\n --cre8-typography-title-default-line-height: var(--cre8-line-heights-2);\n --cre8-typography-title-default-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-title-default-text-transform: var(--cre8-text-case-none);\n--cre8-typography-title-default-mobile-font-family: var(--cre8-font-families-inter);\n --cre8-typography-title-default-mobile-font-size: var(--cre8-font-size-3);\n --cre8-typography-title-default-mobile-font-weight: var(--cre8-font-weights-inter-1);\n --cre8-typography-title-default-mobile-line-height: var(--cre8-line-heights-2);\n --cre8-typography-title-default-mobile-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-title-default-mobile-text-transform: var(--cre8-text-case-none);\n--cre8-typography-title-small-font-family: var(--cre8-font-families-inter);\n --cre8-typography-title-small-font-size: var(--cre8-font-size-3);\n --cre8-typography-title-small-font-weight: var(--cre8-font-weights-inter-1);\n --cre8-typography-title-small-line-height: var(--cre8-line-heights-6);\n --cre8-typography-title-small-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-title-small-text-transform: var(--cre8-text-case-none);\n--cre8-typography-title-small-mobile-font-family: var(--cre8-font-families-inter);\n --cre8-typography-title-small-mobile-font-size: var(--cre8-font-size-2);\n --cre8-typography-title-small-mobile-font-weight: var(--cre8-font-weights-inter-1);\n --cre8-typography-title-small-mobile-line-height: var(--cre8-line-heights-6);\n --cre8-typography-title-small-mobile-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-title-small-mobile-text-transform: var(--cre8-text-case-none);\n--cre8-typography-headline-large-font-family: var(--cre8-font-families-inter);\n --cre8-typography-headline-large-font-size: var(--cre8-font-size-9);\n --cre8-typography-headline-large-font-weight: var(--cre8-font-weights-inter-3);\n --cre8-typography-headline-large-line-height: var(--cre8-line-heights-0);\n --cre8-typography-headline-large-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-headline-large-text-transform: var(--cre8-text-case-none);\n--cre8-typography-headline-large-mobile-font-family: var(--cre8-font-families-inter);\n --cre8-typography-headline-large-mobile-font-size: var(--cre8-font-size-8);\n --cre8-typography-headline-large-mobile-font-weight: var(--cre8-font-weights-inter-3);\n --cre8-typography-headline-large-mobile-line-height: var(--cre8-line-heights-0);\n --cre8-typography-headline-large-mobile-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-headline-large-mobile-text-transform: var(--cre8-text-case-none);\n--cre8-typography-headline-default-font-family: var(--cre8-font-families-inter);\n --cre8-typography-headline-default-font-size: var(--cre8-font-size-8);\n --cre8-typography-headline-default-font-weight: var(--cre8-font-weights-inter-3);\n --cre8-typography-headline-default-line-height: var(--cre8-line-heights-0);\n --cre8-typography-headline-default-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-headline-default-text-transform: var(--cre8-text-case-none);\n--cre8-typography-headline-default-mobile-font-family: var(--cre8-font-families-inter);\n --cre8-typography-headline-default-mobile-font-size: var(--cre8-font-size-7);\n --cre8-typography-headline-default-mobile-font-weight: var(--cre8-font-weights-inter-3);\n --cre8-typography-headline-default-mobile-line-height: var(--cre8-line-heights-0);\n --cre8-typography-headline-default-mobile-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-headline-default-mobile-text-transform: var(--cre8-text-case-none);\n--cre8-typography-headline-small-font-family: var(--cre8-font-families-inter);\n --cre8-typography-headline-small-font-size: var(--cre8-font-size-7);\n --cre8-typography-headline-small-font-weight: var(--cre8-font-weights-inter-3);\n --cre8-typography-headline-small-line-height: var(--cre8-line-heights-0);\n --cre8-typography-headline-small-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-headline-small-text-transform: var(--cre8-text-case-none);\n--cre8-typography-headline-small-mobile-font-family: var(--cre8-font-families-inter);\n --cre8-typography-headline-small-mobile-font-size: var(--cre8-font-size-6);\n --cre8-typography-headline-small-mobile-font-weight: var(--cre8-font-weights-inter-3);\n --cre8-typography-headline-small-mobile-line-height: var(--cre8-line-heights-0);\n --cre8-typography-headline-small-mobile-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-headline-small-mobile-text-transform: var(--cre8-text-case-none);\n--cre8-typography-headline-xsmall-font-family: var(--cre8-font-families-inter);\n --cre8-typography-headline-xsmall-font-size: var(--cre8-font-size-5);\n --cre8-typography-headline-xsmall-font-weight: var(--cre8-font-weights-inter-3);\n --cre8-typography-headline-xsmall-line-height: var(--cre8-line-heights-0);\n --cre8-typography-headline-xsmall-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-headline-xsmall-text-transform: var(--cre8-text-case-none);\n--cre8-typography-headline-xsmall-mobile-font-family: var(--cre8-font-families-inter);\n --cre8-typography-headline-xsmall-mobile-font-size: var(--cre8-font-size-5);\n --cre8-typography-headline-xsmall-mobile-font-weight: var(--cre8-font-weights-inter-3);\n --cre8-typography-headline-xsmall-mobile-line-height: var(--cre8-line-heights-0);\n --cre8-typography-headline-xsmall-mobile-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-headline-xsmall-mobile-text-transform: var(--cre8-text-case-none);\n--cre8-typography-display-large-font-family: var(--cre8-font-families-inter);\n --cre8-typography-display-large-font-size: var(--cre8-font-size-13);\n --cre8-typography-display-large-font-weight: var(--cre8-font-weights-inter-2);\n --cre8-typography-display-large-line-height: var(--cre8-line-heights-0);\n --cre8-typography-display-large-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-display-large-text-transform: var(--cre8-text-case-none);\n--cre8-typography-display-large-mobile-font-family: var(--cre8-font-families-inter);\n --cre8-typography-display-large-mobile-font-size: var(--cre8-font-size-12);\n --cre8-typography-display-large-mobile-font-weight: var(--cre8-font-weights-inter-2);\n --cre8-typography-display-large-mobile-line-height: var(--cre8-line-heights-0);\n --cre8-typography-display-large-mobile-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-display-large-mobile-text-transform: var(--cre8-text-case-none);\n--cre8-typography-display-default-font-family: var(--cre8-font-families-inter);\n --cre8-typography-display-default-font-size: var(--cre8-font-size-11);\n --cre8-typography-display-default-font-weight: var(--cre8-font-weights-inter-2);\n --cre8-typography-display-default-line-height: var(--cre8-line-heights-0);\n --cre8-typography-display-default-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-display-default-text-transform: var(--cre8-text-case-none);\n--cre8-typography-display-default-mobile-font-family: var(--cre8-font-families-inter);\n --cre8-typography-display-default-mobile-font-size: var(--cre8-font-size-10);\n --cre8-typography-display-default-mobile-font-weight: var(--cre8-font-weights-inter-2);\n --cre8-typography-display-default-mobile-line-height: var(--cre8-line-heights-0);\n --cre8-typography-display-default-mobile-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-display-default-mobile-text-transform: var(--cre8-text-case-none);\n--cre8-typography-display-small-font-family: var(--cre8-font-families-inter);\n --cre8-typography-display-small-font-size: var(--cre8-font-size-9);\n --cre8-typography-display-small-font-weight: var(--cre8-font-weights-inter-2);\n --cre8-typography-display-small-line-height: var(--cre8-line-heights-0);\n --cre8-typography-display-small-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-display-small-text-transform: var(--cre8-text-case-none);\n--cre8-typography-display-small-mobile-font-family: var(--cre8-font-families-inter);\n --cre8-typography-display-small-mobile-font-size: var(--cre8-font-size-8);\n --cre8-typography-display-small-mobile-font-weight: var(--cre8-font-weights-inter-2);\n --cre8-typography-display-small-mobile-line-height: var(--cre8-line-heights-0);\n --cre8-typography-display-small-mobile-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-display-small-mobile-text-transform: var(--cre8-text-case-none);\n--cre8-typography-meta-default-font-family: var(--cre8-font-families-inter);\n --cre8-typography-meta-default-font-size: var(--cre8-font-size-2);\n --cre8-typography-meta-default-font-weight: var(--cre8-font-weights-inter-2);\n --cre8-typography-meta-default-line-height: var(--cre8-line-heights-3);\n --cre8-typography-meta-default-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-meta-default-text-transform: var(--cre8-text-case-uppercase);\n--cre8-typography-meta-default-sentence-case-font-family: var(--cre8-font-families-inter);\n --cre8-typography-meta-default-sentence-case-font-size: var(--cre8-font-size-2);\n --cre8-typography-meta-default-sentence-case-font-weight: var(--cre8-font-weights-inter-2);\n --cre8-typography-meta-default-sentence-case-line-height: var(--cre8-line-heights-11);\n --cre8-typography-meta-default-sentence-case-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-meta-default-sentence-case-text-transform: var(--cre8-text-case-none);\n--cre8-typography-meta-large-font-family: var(--cre8-font-families-inter);\n --cre8-typography-meta-large-font-size: var(--cre8-font-size-4);\n --cre8-typography-meta-large-font-weight: var(--cre8-font-weights-inter-2);\n --cre8-typography-meta-large-line-height: var(--cre8-line-heights-3);\n --cre8-typography-meta-large-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-meta-large-text-transform: var(--cre8-text-case-uppercase);\n--cre8-typography-meta-small-font-family: var(--cre8-font-families-inter);\n --cre8-typography-meta-small-font-size: var(--cre8-font-size-1);\n --cre8-typography-meta-small-font-weight: var(--cre8-font-weights-inter-2);\n --cre8-typography-meta-small-line-height: var(--cre8-line-heights-3);\n --cre8-typography-meta-small-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-meta-small-text-transform: var(--cre8-text-case-uppercase);}\n";
|
|
2
2
|
export default vivid;
|
|
3
3
|
//# sourceMappingURL=tokens_cre8-vivid.module.d.ts.map
|
|
@@ -396,7 +396,7 @@ const vivid = `
|
|
|
396
396
|
--cre8-color-bg-brand-xstrong-hover: #4338CA;
|
|
397
397
|
--cre8-color-bg-brand-xstrong-active: #312E81;
|
|
398
398
|
--cre8-color-bg-success: #E7FBF3;
|
|
399
|
-
--cre8-color-bg-success-strong: #
|
|
399
|
+
--cre8-color-bg-success-strong: #047857;
|
|
400
400
|
--cre8-color-bg-error: #FFEFF2;
|
|
401
401
|
--cre8-color-bg-error-strong: #E11D48;
|
|
402
402
|
--cre8-color-bg-warning: #FFF7E6;
|
|
@@ -416,8 +416,8 @@ const vivid = `
|
|
|
416
416
|
--cre8-color-content-brand: #4F46E5;
|
|
417
417
|
--cre8-color-content-brand-strong: #4338CA;
|
|
418
418
|
--cre8-color-content-brand-knockout: #ECFEFF;
|
|
419
|
-
--cre8-color-content-success: #
|
|
420
|
-
--cre8-color-content-success-icon: #
|
|
419
|
+
--cre8-color-content-success: #047857;
|
|
420
|
+
--cre8-color-content-success-icon: #047857;
|
|
421
421
|
--cre8-color-content-error: #BE123C;
|
|
422
422
|
--cre8-color-content-error-icon: #BE123C;
|
|
423
423
|
--cre8-color-content-warning-icon: #D97706;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tokens_cre8-vivid.module.js","sourceRoot":"","sources":["../../../../../design-tokens/brands/cre8-vivid/css/tokens_cre8-vivid.module.ts"],"names":[],"mappings":"AAAA,MAAM,KAAK,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAu3Bb,CAAC;AAEF,eAAe,KAAK,CAAC","sourcesContent":["const vivid = `\n@font-face {\n\tfont-family: 'Plus Jakarta Sans';\n\tfont-style: normal;\n\tfont-weight: 400;\n\tsrc: url('assets/fonts/PlusJakartaSans-Regular.woff2') format('woff2');\n\tfont-display: fallback;\n}\n\n@font-face {\n\tfont-family: 'Plus Jakarta Sans';\n\tfont-style: medium;\n\tfont-weight: 500;\n\tsrc: url('assets/fonts/PlusJakartaSans-Medium.woff2') format('woff2');\n\tfont-display: fallback;\n}\n\n@font-face {\n\tfont-family: 'Plus Jakarta Sans';\n\tfont-style: medium;\n\tfont-weight: 600;\n\tsrc: url('assets/fonts/PlusJakartaSans-SemiBold.woff2') format('woff2');\n\tfont-display: fallback;\n}\n\n@font-face {\n\tfont-family: 'Plus Jakarta Sans';\n\tfont-style: normal;\n\tfont-weight: 700;\n\tsrc: url('assets/fonts/PlusJakartaSans-Bold.woff2') format('woff2');\n\tfont-display: fallback;\n}\n/**\n * cre8-vivid — a high-saturation brand for cre8.\n *\n * Derived from cre8-a2ui and identical to it in structure, typography and\n * spacing. What changes is colour, and one change carries the rest:\n *\n * The a2ui status ramp maps success to cyan and error to pink. Neither hue\n * means what it says, and the two sit close enough that an alert's status has\n * to be read rather than seen. cre8-vivid goes back to the conventional\n * mapping — green good, red bad, amber caution — with violet for attention so\n * that no two statuses share a hue.\n *\n * The brand ramp moves from a single flat blue to indigo paired with cyan, and\n * ships that pairing as a gradient token. Correct-but-forgettable is a real\n * failure mode for a product surface; this is the answer to it.\n *\n * Everything below is a complete sheet, not an override layer: a viewer that\n * loads only \\`tokens_cre8-vivid.css\\` gets a whole design system.\n */\n\n:root {\n --cre8-desktop-menu-padding-vertical-padding: 1rem;\n --cre8-desktop-menu-padding-horizontal-padding: 0.5rem;\n --cre8-input-padding: 0.625rem 0.875rem;\n --cre8-input-label-margin-left: 0;\n --cre8-color-header-bg-default: #ffffff;\n --cre8-color-header-inverse-bg-default: #3B82F6;\n --cre8-color-header-menu-bg-default: #ffffff;\n --cre8-color-header-menu-inverse-bg-default: #3B82F6;\n --cre8-color-header-menu-bg-hover: #F8FAFC;\n --cre8-color-header-menu-inverse-bg-hover: #2563EB;\n --cre8-color-header-menu-bg-focus: #F8FAFC;\n --cre8-color-header-menu-inverse-bg-focus: #2563EB;\n --cre8-color-header-menu-bg-active: #E2E8F0;\n --cre8-color-header-menu-inverse-bg-active: #1D4ED8;\n --cre8-color-header-menu-bg-pressed: #E2E8F0;\n --cre8-color-header-menu-inverse-bg-pressed: #1D4ED8;\n --cre8-color-header-menu-bg-selected: #F8FAFC;\n --cre8-color-header-menu-inverse-bg-selected: #2563EB;\n --cre8-color-header-menu-content-default: #3B82F6;\n --cre8-color-header-menu-inverse-content-default: #ffffff;\n --cre8-color-header-menu-content-hover: #2563EB;\n --cre8-color-header-menu-inverse-content-hover: #ffffff;\n --cre8-color-header-menu-content-focus: #3B82F6;\n --cre8-color-header-menu-inverse-content-focus: #ffffff;\n --cre8-color-header-menu-content-active: #1D4ED8;\n --cre8-color-header-menu-inverse-content-active: #ffffff;\n --cre8-color-header-menu-content-pressed: #1D4ED8;\n --cre8-color-header-menu-inverse-content-pressed: #ffffff;\n --cre8-color-header-menu-content-selected: #2563EB;\n --cre8-color-header-menu-inverse-content-selected: #ffffff;\n --cre8-color-header-menu-border-default: rgba(15, 23, 42, 0.0);\n --cre8-color-header-menu-inverse-border-default: rgba(15, 23, 42, 0.0);\n --cre8-color-header-menu-border-hover: rgba(15, 23, 42, 0.0);\n --cre8-color-header-menu-inverse-border-hover: #ffffff;\n --cre8-color-header-menu-border-focus: #2563EB;\n --cre8-color-header-menu-inverse-border-focus: #ffffff;\n --cre8-color-header-menu-border-active: #3B82F6;\n --cre8-color-header-menu-inverse-border-active: #ffffff;\n --cre8-color-header-menu-border-pressed: #3B82F6;\n --cre8-color-header-menu-inverse-border-pressed: #ffffff;\n --cre8-color-header-menu-border-selected: #2563EB;\n --cre8-color-header-menu-inverse-border-selected: #F8FAFC;\n --cre8-color-header-submenu-bg-default: #ffffff;\n --cre8-color-header-submenu-inverse-bg-default: #3B82F6;\n --cre8-color-header-submenu-bg-hover: #F8FAFC;\n --cre8-color-header-submenu-inverse-bg-hover: #2563EB;\n --cre8-color-header-submenu-bg-focus: #ffffff;\n --cre8-color-header-submenu-inverse-bg-focus: #3B82F6;\n --cre8-color-header-submenu-bg-active: #E2E8F0;\n --cre8-color-header-submenu-inverse-bg-active: #1D4ED8;\n --cre8-color-header-submenu-bg-pressed: #E2E8F0;\n --cre8-color-header-submenu-inverse-bg-pressed: #1D4ED8;\n --cre8-color-header-submenu-bg-selected: #F8FAFC;\n --cre8-color-header-submenu-inverse-bg-selected: #2563EB;\n --cre8-color-header-submenu-content-default: #3B82F6;\n --cre8-color-header-submenu-inverse-content-default: #ffffff;\n --cre8-color-header-submenu-content-hover: #2563EB;\n --cre8-color-header-submenu-inverse-content-hover: #ffffff;\n --cre8-color-header-submenu-content-focus: #2563EB;\n --cre8-color-header-submenu-inverse-content-focus: #ffffff;\n --cre8-color-header-submenu-content-active: #1D4ED8;\n --cre8-color-header-submenu-inverse-content-active: #ffffff;\n --cre8-color-header-submenu-content-pressed: #1D4ED8;\n --cre8-color-header-submenu-inverse-content-pressed: #ffffff;\n --cre8-color-header-submenu-content-selected: #3B82F6;\n --cre8-color-header-submenu-inverse-content-selected: #ffffff;\n --cre8-color-header-submenu-border-default: #ffffff;\n --cre8-color-header-submenu-inverse-border-default: #3B82F6;\n --cre8-color-header-submenu-border-hover: #F8FAFC;\n --cre8-color-header-submenu-inverse-border-hover: #2563EB;\n --cre8-color-header-submenu-border-focus: #3B82F6;\n --cre8-color-header-submenu-inverse-border-focus: #ffffff;\n --cre8-color-header-submenu-border-active: #E2E8F0;\n --cre8-color-header-submenu-inverse-border-active: #1D4ED8;\n --cre8-color-header-submenu-border-pressed: #E2E8F0;\n --cre8-color-header-submenu-inverse-border-pressed: #1D4ED8;\n --cre8-color-header-submenu-border-selected: #2563EB;\n --cre8-color-header-submenu-inverse-border-selected: #F8FAFC;\n --cre8-color-header-bg-secondary: #3B82F6;\n --cre8-color-header-inverse-bg-secondary: #ffffff;\n --cre8-color-header-bg-tertiary: #3B82F6;\n --cre8-color-header-inverse-bg-tertiary: #ffffff;\n --cre8-color-footer-bg-default: #1E40AF;\n --cre8-color-footer-bg-secondary: #F8FAFC;\n --cre8-color-footer-content-secondary: #ffffff;\n --cre8-color-footer-link-hover: #93C5FD;\n --cre8-color-footer-link-default: #93C5FD;\n --cre8-spacing-0: 0rem;\n --cre8-spacing-2: 0.125rem;\n --cre8-spacing-4: 0.25rem;\n --cre8-spacing-6: 0.375rem;\n --cre8-spacing-8: 0.5rem;\n --cre8-spacing-12: 0.75rem;\n --cre8-spacing-14: 0.875rem;\n --cre8-spacing-16: 1rem;\n --cre8-spacing-18: 1.125rem;\n --cre8-spacing-24: 1.5rem;\n --cre8-spacing-32: 2rem;\n --cre8-spacing-40: 2.5rem;\n --cre8-spacing-48: 3rem;\n --cre8-spacing-64: 4rem;\n --cre8-spacing-80: 5rem;\n --cre8-spacing-96: 6rem;\n --cre8-spacing-120: 7.5rem;\n --cre8-spacing-160: 10rem;\n --cre8-color-button-primary-bg: #4F46E5;\n --cre8-color-button-primary-inverse-bg: #BFDBFE;\n --cre8-color-button-primary-bg-hover: #4338CA;\n --cre8-color-button-primary-inverse-bg-hover: #93C5FD;\n --cre8-color-button-primary-bg-active: #3730A3;\n --cre8-color-button-primary-inverse-bg-active: #60A5FA;\n --cre8-color-button-primary-bg-disabled: #E2E8F0;\n --cre8-color-button-primary-inverse-bg-disabled: #64748B;\n --cre8-color-button-primary-content: #FFFFFF;\n --cre8-color-button-primary-inverse-content: #1E40AF;\n --cre8-color-button-primary-content-hover: #ffffff;\n --cre8-color-button-primary-inverse-content-hover: #1E40AF;\n --cre8-color-button-primary-content-active: #ffffff;\n --cre8-color-button-primary-inverse-content-active: #1E40AF;\n --cre8-color-button-primary-content-disabled: #475569;\n --cre8-color-button-primary-inverse-content-disabled: #1E293B;\n --cre8-color-button-primary-border: #4F46E5;\n --cre8-color-button-primary-inverse-border: #BFDBFE;\n --cre8-color-button-primary-border-hover: #4338CA;\n --cre8-color-button-primary-inverse-border-hover: #93C5FD;\n --cre8-color-button-primary-border-active: #3730A3;\n --cre8-color-button-primary-inverse-border-active: #60A5FA;\n --cre8-color-button-primary-border-disabled: #E2E8F0;\n --cre8-color-button-primary-inverse-border-disabled: #64748B;\n --cre8-color-button-primary-outline: #1D4ED8;\n --cre8-color-button-primary-inverse-outline: #BFDBFE;\n --cre8-color-button-primary-danger-bg: #E11D48;\n --cre8-color-button-primary-danger-inverse-bg: #F9A8D4;\n --cre8-color-button-primary-danger-bg-hover: #BE123C;\n --cre8-color-button-primary-danger-inverse-bg-hover: #FBCFE8;\n --cre8-color-button-primary-danger-bg-active: #BE185D;\n --cre8-color-button-primary-danger-inverse-bg-active: #FCE7F3;\n --cre8-color-button-primary-danger-bg-disabled: #E2E8F0;\n --cre8-color-button-primary-danger-inverse-bg-disabled: #64748B;\n --cre8-color-button-primary-danger-content: #ffffff;\n --cre8-color-button-primary-danger-inverse-content: #0F172A;\n --cre8-color-button-primary-danger-content-hover: #ffffff;\n --cre8-color-button-primary-danger-inverse-content-hover: #0F172A;\n --cre8-color-button-primary-danger-content-active: #ffffff;\n --cre8-color-button-primary-danger-inverse-content-active: #0F172A;\n --cre8-color-button-primary-danger-content-disabled: #475569;\n --cre8-color-button-primary-danger-inverse-content-disabled: #1E293B;\n --cre8-color-button-primary-danger-border: #E11D48;\n --cre8-color-button-primary-danger-inverse-border: #F9A8D4;\n --cre8-color-button-primary-danger-border-hover: #BE123C;\n --cre8-color-button-primary-danger-inverse-border-hover: #FBCFE8;\n --cre8-color-button-primary-danger-border-active: #BE185D;\n --cre8-color-button-primary-danger-inverse-border-active: #FCE7F3;\n --cre8-color-button-primary-danger-border-disabled: #E2E8F0;\n --cre8-color-button-primary-danger-inverse-border-disabled: #64748B;\n --cre8-color-button-primary-danger-outline: #1D4ED8;\n --cre8-color-button-primary-danger-inverse-outline: #BFDBFE;\n --cre8-color-button-secondary-neutral-bg: rgba(15, 23, 42, 0.0);\n --cre8-color-button-secondary-neutral-inverse-bg: rgba(15, 23, 42, 0.0);\n --cre8-color-button-secondary-neutral-content: #0F172A;\n --cre8-color-button-secondary-neutral-inverse-content: #ffffff;\n --cre8-color-button-secondary-neutral-border: #0F172A;\n --cre8-color-button-secondary-neutral-inverse-border: #ffffff;\n --cre8-color-button-secondary-neutral-bg-hover: rgba(15, 23, 42, 0.10);\n --cre8-color-button-secondary-neutral-inverse-bg-hover: rgba(15, 23, 42, 0.20);\n --cre8-color-button-secondary-neutral-content-hover: #0F172A;\n --cre8-color-button-secondary-neutral-inverse-content-hover: #ffffff;\n --cre8-color-button-secondary-neutral-border-hover: #0F172A;\n --cre8-color-button-secondary-neutral-inverse-border-hover: #ffffff;\n --cre8-color-button-secondary-neutral-border-active: #0F172A;\n --cre8-color-button-secondary-neutral-inverse-border-active: #ffffff;\n --cre8-color-button-secondary-neutral-bg-active: rgba(15, 23, 42, 0.20);\n --cre8-color-button-secondary-neutral-inverse-bg-active: rgba(15, 23, 42, 0.50);\n --cre8-color-button-secondary-neutral-content-active: #0F172A;\n --cre8-color-button-secondary-neutral-inverse-content-active: #ffffff;\n --cre8-color-button-secondary-neutral-bg-disabled: #E2E8F0;\n --cre8-color-button-secondary-neutral-inverse-bg-disabled: #64748B;\n --cre8-color-button-secondary-neutral-border-disabled: #E2E8F0;\n --cre8-color-button-secondary-neutral-inverse-border-disabled: #64748B;\n --cre8-color-button-secondary-neutral-content-disabled: #475569;\n --cre8-color-button-secondary-neutral-inverse-content-disabled: #1E293B;\n --cre8-color-button-secondary-neutral-outline: #1E3A8A;\n --cre8-color-button-secondary-neutral-inverse-outline: #BFDBFE;\n --cre8-color-button-secondary-bg: rgba(15, 23, 42, 0.0);\n --cre8-color-button-secondary-inverse-bg: rgba(15, 23, 42, 0.0);\n --cre8-color-button-secondary-bg-hover: #EFF6FF;\n --cre8-color-button-secondary-inverse-bg-hover: rgba(15, 23, 42, 0.0);\n --cre8-color-button-secondary-bg-active: #DBEAFE;\n --cre8-color-button-secondary-inverse-bg-active: #1E3A8A;\n --cre8-color-button-secondary-bg-disabled: #E2E8F0;\n --cre8-color-button-secondary-inverse-bg-disabled: rgba(15, 23, 42, 0.0);\n --cre8-color-button-secondary-content: #3B82F6;\n --cre8-color-button-secondary-inverse-content: #BFDBFE;\n --cre8-color-button-secondary-content-hover: #2563EB;\n --cre8-color-button-secondary-inverse-content-hover: #93C5FD;\n --cre8-color-button-secondary-content-active: #1D4ED8;\n --cre8-color-button-secondary-inverse-content-active: #60A5FA;\n --cre8-color-button-secondary-content-disabled: #475569;\n --cre8-color-button-secondary-inverse-content-disabled: #64748B;\n --cre8-color-button-secondary-border: #3B82F6;\n --cre8-color-button-secondary-inverse-border: #BFDBFE;\n --cre8-color-button-secondary-border-hover: #2563EB;\n --cre8-color-button-secondary-inverse-border-hover: #93C5FD;\n --cre8-color-button-secondary-border-active: #1D4ED8;\n --cre8-color-button-secondary-inverse-border-active: #60A5FA;\n --cre8-color-button-secondary-border-disabled: #64748B;\n --cre8-color-button-secondary-inverse-border-disabled: #64748B;\n --cre8-color-button-secondary-outline: #1D4ED8;\n --cre8-color-button-secondary-inverse-outline: #93C5FD;\n --cre8-color-button-secondary-danger-bg: rgba(15, 23, 42, 0.0);\n --cre8-color-button-secondary-danger-inverse-bg: rgba(15, 23, 42, 0.0);\n --cre8-color-button-secondary-danger-bg-hover: #DB2777;\n --cre8-color-button-secondary-danger-inverse-bg-hover: #FBCFE8;\n --cre8-color-button-secondary-danger-bg-active: #BE185D;\n --cre8-color-button-secondary-danger-inverse-bg-active: #FCE7F3;\n --cre8-color-button-secondary-danger-bg-disabled: #E2E8F0;\n --cre8-color-button-secondary-danger-inverse-bg-disabled: #64748B;\n --cre8-color-button-secondary-danger-content: #EC4899;\n --cre8-color-button-secondary-danger-inverse-content: #F472B6;\n --cre8-color-button-secondary-danger-content-hover: #ffffff;\n --cre8-color-button-secondary-danger-inverse-content-hover: #0F172A;\n --cre8-color-button-secondary-danger-content-active: #ffffff;\n --cre8-color-button-secondary-danger-inverse-content-active: #0F172A;\n --cre8-color-button-secondary-danger-content-disabled: #475569;\n --cre8-color-button-secondary-danger-inverse-content-disabled: #1E293B;\n --cre8-color-button-secondary-danger-border: #EC4899;\n --cre8-color-button-secondary-danger-inverse-border: #F472B6;\n --cre8-color-button-secondary-danger-border-hover: #DB2777;\n --cre8-color-button-secondary-danger-inverse-border-hover: #FBCFE8;\n --cre8-color-button-secondary-danger-border-active: #BE185D;\n --cre8-color-button-secondary-danger-inverse-border-active: #FCE7F3;\n --cre8-color-button-secondary-danger-border-disabled: #E2E8F0;\n --cre8-color-button-secondary-danger-inverse-border-disabled: #64748B;\n --cre8-color-button-secondary-danger-outline: #1D4ED8;\n --cre8-color-button-secondary-danger-inverse-outline: #BFDBFE;\n --cre8-color-button-tertiary-bg: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-inverse-bg: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-bg-hover: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-inverse-bg-hover: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-bg-active: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-inverse-bg-active: #172554;\n --cre8-color-button-tertiary-bg-disabled: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-inverse-bg-disabled: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-content: #3B82F6;\n --cre8-color-button-tertiary-inverse-content: #BFDBFE;\n --cre8-color-button-tertiary-content-hover: #2563EB;\n --cre8-color-button-tertiary-inverse-content-hover: #93C5FD;\n --cre8-color-button-tertiary-content-active: #1D4ED8;\n --cre8-color-button-tertiary-inverse-content-active: #60A5FA;\n --cre8-color-button-tertiary-content-disabled: #475569;\n --cre8-color-button-tertiary-inverse-content-disabled: #64748B;\n --cre8-color-button-tertiary-border: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-inverse-border: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-border-hover: #2563EB;\n --cre8-color-button-tertiary-inverse-border-hover: #93C5FD;\n --cre8-color-button-tertiary-border-active: #1D4ED8;\n --cre8-color-button-tertiary-inverse-border-active: #60A5FA;\n --cre8-color-button-tertiary-border-disabled: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-inverse-border-disabled: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-outline: #1D4ED8;\n --cre8-color-button-tertiary-inverse-outline: #93C5FD;\n --cre8-color-button-tertiary-neutral-bg: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-neutral-inverse-bg: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-neutral-content: #0F172A;\n --cre8-color-button-tertiary-neutral-inverse-content: #ffffff;\n --cre8-color-button-tertiary-neutral-border: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-neutral-inverse-border: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-neutral-bg-hover: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-neutral-inverse-bg-hover: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-neutral-content-hover: #0F172A;\n --cre8-color-button-tertiary-neutral-inverse-content-hover: #ffffff;\n --cre8-color-button-tertiary-neutral-border-hover: #0F172A;\n --cre8-color-button-tertiary-neutral-inverse-border-hover: #ffffff;\n --cre8-color-button-tertiary-neutral-border-active: #0F172A;\n --cre8-color-button-tertiary-neutral-inverse-border-active: #ffffff;\n --cre8-color-button-tertiary-neutral-bg-active: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-neutral-inverse-bg-active: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-neutral-content-active: #0F172A;\n --cre8-color-button-tertiary-neutral-inverse-content-active: #ffffff;\n --cre8-color-button-tertiary-neutral-bg-disabled: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-neutral-inverse-bg-disabled: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-neutral-border-disabled: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-neutral-inverse-border-disabled: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-neutral-content-disabled: #475569;\n --cre8-color-button-tertiary-neutral-inverse-content-disabled: #1E293B;\n --cre8-color-button-tertiary-neutral-outline: #1E3A8A;\n --cre8-color-button-tertiary-neutral-inverse-outline: #BFDBFE;\n --cre8-color-button-tertiary-danger-bg: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-danger-inverse-bg: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-danger-bg-hover: #DB2777;\n --cre8-color-button-tertiary-danger-inverse-bg-hover: #FBCFE8;\n --cre8-color-button-tertiary-danger-bg-active: #BE185D;\n --cre8-color-button-tertiary-danger-inverse-bg-active: #FCE7F3;\n --cre8-color-button-tertiary-danger-bg-disabled: #E2E8F0;\n --cre8-color-button-tertiary-danger-inverse-bg-disabled: #64748B;\n --cre8-color-button-tertiary-danger-content: #EC4899;\n --cre8-color-button-tertiary-danger-inverse-content: #F472B6;\n --cre8-color-button-tertiary-danger-content-hover: #ffffff;\n --cre8-color-button-tertiary-danger-inverse-content-hover: #0F172A;\n --cre8-color-button-tertiary-danger-content-active: #ffffff;\n --cre8-color-button-tertiary-danger-inverse-content-active: #0F172A;\n --cre8-color-button-tertiary-danger-content-disabled: #475569;\n --cre8-color-button-tertiary-danger-inverse-content-disabled: #1E293B;\n --cre8-color-button-tertiary-danger-border: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-danger-inverse-border: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-danger-border-hover: #DB2777;\n --cre8-color-button-tertiary-danger-inverse-border-hover: #FBCFE8;\n --cre8-color-button-tertiary-danger-border-active: #BE185D;\n --cre8-color-button-tertiary-danger-inverse-border-active: #FCE7F3;\n --cre8-color-button-tertiary-danger-border-disabled: #E2E8F0;\n --cre8-color-button-tertiary-danger-inverse-border-disabled: #64748B;\n --cre8-color-button-tertiary-danger-outline: #1D4ED8;\n --cre8-color-button-tertiary-danger-inverse-outline: #BFDBFE;\n --cre8-button-padding-vertical-small: 0.5rem;\n --cre8-button-padding-vertical-medium: 0.75rem;\n --cre8-button-padding-vertical-large: 1rem;\n --cre8-button-padding-vertical-icon-only: 0.5rem;\n --cre8-button-padding-vertical-small-icon-only: 0.5rem;\n --cre8-button-padding-vertical-medium-icon-only: 1rem;\n --cre8-button-padding-vertical-large-icon-only: 1rem;\n --cre8-button-padding-horizontal-small: 1rem;\n --cre8-button-padding-horizontal-medium: 1.5rem;\n --cre8-button-padding-horizontal-large: 2rem;\n --cre8-button-padding-horizontal-icon-only: 0.5rem;\n --cre8-button-padding-horizontal-small-icon-only: 0.5rem;\n --cre8-button-padding-horizontal-medium-icon-only: 1rem;\n --cre8-button-padding-horizontal-large-icon-only: 1rem;\n --cre8-color-bg-default: #FFFFFF;\n --cre8-color-bg-default-hover: #EEF0FF;\n --cre8-color-bg-default-active: #DDE1FF;\n --cre8-color-bg-subtle: #F2F5FD;\n --cre8-color-bg-moderate: #9AA3BF;\n --cre8-color-bg-inverse-moderate: #64748B;\n --cre8-color-bg-strong: #0A0F1F;\n --cre8-color-bg-disabled: #E4E8F4;\n --cre8-color-bg-brand: #FFFFFF;\n --cre8-color-bg-brand-active: #DDE1FF;\n --cre8-color-bg-brand-hover: #EEF0FF;\n --cre8-color-bg-brand-strong: #4F46E5;\n --cre8-color-bg-brand-strong-hover: #4338CA;\n --cre8-color-bg-brand-strong-active: #3730A3;\n --cre8-color-bg-brand-xstrong: #3730A3;\n --cre8-color-bg-brand-xstrong-hover: #4338CA;\n --cre8-color-bg-brand-xstrong-active: #312E81;\n --cre8-color-bg-success: #E7FBF3;\n --cre8-color-bg-success-strong: #10B981;\n --cre8-color-bg-error: #FFEFF2;\n --cre8-color-bg-error-strong: #E11D48;\n --cre8-color-bg-warning: #FFF7E6;\n --cre8-color-bg-warning-strong: #F59E0B;\n --cre8-color-bg-info: #EEF0FF;\n --cre8-color-bg-info-strong: #4F46E5;\n --cre8-color-bg-attention: #F3EEFF;\n --cre8-color-bg-attention-strong: #8B5CF6;\n --cre8-color-bg-opacity-transparent: rgba(15, 23, 42, 0.0);\n --cre8-color-bg-opacity-default: rgba(15, 23, 42, 0.50);\n --cre8-color-bg-active: #0F172A;\n --cre8-color-bg-inverse-active: #ffffff;\n --cre8-color-content-default: #0A0F1F;\n --cre8-color-content-subtle: #5B6484;\n --cre8-color-content-disabled: #9AA3BF;\n --cre8-color-content-knockout: #FFFFFF;\n --cre8-color-content-brand: #4F46E5;\n --cre8-color-content-brand-strong: #4338CA;\n --cre8-color-content-brand-knockout: #ECFEFF;\n --cre8-color-content-success: #059669;\n --cre8-color-content-success-icon: #059669;\n --cre8-color-content-error: #BE123C;\n --cre8-color-content-error-icon: #BE123C;\n --cre8-color-content-warning-icon: #D97706;\n --cre8-color-content-info-icon: #4F46E5;\n --cre8-color-content-attention-icon: #7C3AED;\n --cre8-color-content-link: #4F46E5;\n --cre8-color-content-inverse-link: #BFDBFE;\n --cre8-color-content-link-hover: #4338CA;\n --cre8-color-content-inverse-link-hover: #93C5FD;\n --cre8-color-content-link-focus: #ffffff;\n --cre8-color-content-inverse-link-focus: #0F172A;\n --cre8-color-content-link-visited: #7C3AED;\n --cre8-color-content-inverse-link-visited: #E9D5FF;\n --cre8-color-content-link-disabled: #475569;\n --cre8-color-content-inverse-link-disabled: #E2E8F0;\n --cre8-color-content-link-active: #3730A3;\n --cre8-color-content-inverse-link-active: #60A5FA;\n --cre8-color-border-default: #E4E8F4;\n --cre8-color-border-strong: #9AA3BF;\n --cre8-color-border-knockout: #ffffff;\n --cre8-color-border-disabled: #CBD5E1;\n --cre8-color-border-brand: #4F46E5;\n --cre8-color-border-brand-subtle: #A5B0FF;\n --cre8-color-border-brand-strong: #4338CA;\n --cre8-color-border-success: #10B981;\n --cre8-color-border-error: #E11D48;\n --cre8-color-border-warning: #F59E0B;\n --cre8-color-border-info: #4F46E5;\n --cre8-color-border-attention: #8B5CF6;\n --cre8-color-border-transparent: rgba(15, 23, 42, 0.0);\n --cre8-color-border-active-outline: #2563EB;\n --cre8-color-border-inverse-active-outline: #BFDBFE;\n --cre8-font-size-0: 0.75rem;\n --cre8-font-size-1: 0.875rem;\n --cre8-font-size-2: 1rem;\n --cre8-font-size-3: 1.125rem;\n --cre8-font-size-4: 1.25rem;\n --cre8-font-size-5: 1.5rem;\n --cre8-font-size-6: 1.75rem;\n --cre8-font-size-7: 2rem;\n --cre8-font-size-8: 2.5rem;\n --cre8-font-size-9: 3rem;\n --cre8-font-size-10: 3.5rem;\n --cre8-font-size-11: 4rem;\n --cre8-font-size-12: 4.5rem;\n --cre8-font-size-13: 5rem;\n --cre8-letter-spacing-0: -1.5;\n --cre8-letter-spacing-1: -1;\n --cre8-letter-spacing-2: -0.5;\n --cre8-letter-spacing-3: 0;\n --cre8-letter-spacing-4: 2;\n --cre8-letter-spacing-5: 1;\n --cre8-letter-spacing-6: 1.5;\n --cre8-paragraph-spacing-0: 0;\n --cre8-text-case-none: none;\n --cre8-text-case-uppercase: uppercase;\n --cre8-text-decoration-none: none;\n --cre8-text-decoration-underline: underline;\n --cre8-paragraph-indent-0: 0px;\n --cre8-border-radius-small: 12px;\n --cre8-border-radius-checkbox: 4px;\n --cre8-border-radius-default: 12px;\n --cre8-border-radius-large: 24px;\n --cre8-border-radius-round: 900px;\n --cre8-border-radius-button: 900px;\n --cre8-border-radius-badge: 900px;\n --cre8-border-radius-tabs: 12px;\n --cre8-border-radius-container: 24px;\n --cre8-border-radius-field: 12px;\n --cre8-border-radius-field-brand: 12px;\n --cre8-border-radius-brand: 900px;\n --cre8-border-radius-none: 0px;\n --cre8-border-width-none: 0rem;\n --cre8-border-width-default: 0.0625rem;\n --cre8-border-width-focus: 0.125rem;\n --cre8-border-width-large: 0.25rem;\n --cre8-border-width-button-tertiary-outline-focus: 0.125rem;\n --cre8-border-width-button-default: 0.125rem;\n --cre8-border-width-tab-selected: 0.125rem;\n --cre8-border-width-tab-default: 0.125rem;\n --cre8-border-style-button-tertiary-outline-focus: solid;\n --cre8-border-style-default: solid;\n --cre8-breakpoint-xsm: 375px;\n --cre8-breakpoint-sm: 560px;\n --cre8-breakpoint-md: 768px;\n --cre8-breakpoint-lg: 960px;\n --cre8-breakpoint-xl: 1200px;\n --cre8-breakpoint-xxl: 1400px;\n\n /* Elevation — neutral-tinted, driven by the overlay primitives */\n --cre8-shadow-none: none;\n --cre8-shadow-button: none;\n --cre8-shadow-small: 0 1px 3px 0 oklch(from var(--cre8-neutral-900) l c h / 0.06);\n --cre8-shadow-default: 0 4px 12px 0 oklch(from var(--cre8-neutral-900) l c h / 0.08);\n --cre8-shadow-large: 0 8px 24px 0 oklch(from var(--cre8-neutral-900) l c h / 0.12);\n}\n\n/* ===========================================================================\n MODE — the 152 hand-maintained inverse tokens collapse to this block.\n Only the mode indirection is remapped; the semantic and component tiers\n re-resolve through it, so every component follows with no per-component\n work. The legacy --cre8-color-*-inverse-* names are still emitted above\n and still resolve to their original values.\n\n Put [data-mode] on <html> for the whole document, or pair it with\n [data-cre8-theme] on any element to scope the mode to that subtree.\n =========================================================================== */\n[data-mode=\"inverse\"] {\n --cre8-mode-bg-default: var(--cre8-neutral-800);\n --cre8-mode-bg-default-hover: var(--cre8-neutral-700);\n --cre8-mode-bg-subtle: var(--cre8-neutral-900);\n --cre8-mode-bg-strong: var(--cre8-neutral-50);\n --cre8-mode-bg-disabled: var(--cre8-neutral-700);\n --cre8-mode-bg-brand: var(--cre8-primary-900);\n --cre8-mode-bg-brand-hover: var(--cre8-primary-800);\n --cre8-mode-bg-brand-strong: var(--cre8-primary-300);\n --cre8-mode-bg-brand-strong-hover: var(--cre8-primary-200);\n --cre8-mode-content-default: var(--cre8-neutral-50);\n --cre8-mode-content-subtle: var(--cre8-neutral-400);\n --cre8-mode-content-disabled: var(--cre8-neutral-600);\n --cre8-mode-content-knockout: var(--cre8-neutral-900);\n --cre8-mode-content-brand: var(--cre8-primary-300);\n --cre8-mode-content-brand-strong: var(--cre8-primary-200);\n --cre8-mode-content-link: var(--cre8-primary-300);\n --cre8-mode-content-link-hover: var(--cre8-primary-200);\n --cre8-mode-border-default: var(--cre8-neutral-700);\n --cre8-mode-border-strong: var(--cre8-neutral-500);\n --cre8-mode-border-brand: var(--cre8-primary-300);\n}\n\n@media (prefers-color-scheme: dark) {\n [data-mode=\"auto\"] {\n --cre8-mode-bg-default: var(--cre8-neutral-800);\n --cre8-mode-bg-default-hover: var(--cre8-neutral-700);\n --cre8-mode-bg-subtle: var(--cre8-neutral-900);\n --cre8-mode-bg-strong: var(--cre8-neutral-50);\n --cre8-mode-bg-disabled: var(--cre8-neutral-700);\n --cre8-mode-bg-brand: var(--cre8-primary-900);\n --cre8-mode-bg-brand-hover: var(--cre8-primary-800);\n --cre8-mode-bg-brand-strong: var(--cre8-primary-300);\n --cre8-mode-bg-brand-strong-hover: var(--cre8-primary-200);\n --cre8-mode-content-default: var(--cre8-neutral-50);\n --cre8-mode-content-subtle: var(--cre8-neutral-400);\n --cre8-mode-content-disabled: var(--cre8-neutral-600);\n --cre8-mode-content-knockout: var(--cre8-neutral-900);\n --cre8-mode-content-brand: var(--cre8-primary-300);\n --cre8-mode-content-brand-strong: var(--cre8-primary-200);\n --cre8-mode-content-link: var(--cre8-primary-300);\n --cre8-mode-content-link-hover: var(--cre8-primary-200);\n --cre8-mode-border-default: var(--cre8-neutral-700);\n --cre8-mode-border-strong: var(--cre8-neutral-500);\n --cre8-mode-border-brand: var(--cre8-primary-300);\n }\n}\n\n/**\n * Brand gradient.\n *\n * cre8 has no gradient primitive, because until now no brand needed one. It is\n * the identity of cre8-vivid rather than decoration on top of it, so it belongs\n * with the tokens and not in an application stylesheet.\n */\n:root {\n --cre8-gradient-brand: linear-gradient(135deg, #4F46E5 0%, #06B6D4 100%);\n --cre8-gradient-brand-rich: linear-gradient(150deg, #4F46E5 0%, #6D28D9 42%, #06B6D4 100%);\n --cre8-gradient-brand-from: #4F46E5;\n --cre8-gradient-brand-to: #06B6D4;\n}\n\n/**\n * Dark mode.\n *\n * The sheet a2ui inherits gates dark values on \\`[data-mode=\"auto\"]\\`, which\n * means a page that never sets that attribute has no dark mode at all. These\n * are the same token names under \\`prefers-color-scheme\\`, so a plain page\n * follows the system. Accent hues step lighter — full-saturation indigo on\n * near-black does not hold enough contrast to read as text.\n */\n@media (prefers-color-scheme: dark) {\n :root {\n --cre8-color-bg-default: #111A30;\n --cre8-color-bg-default-hover: #18223C;\n --cre8-color-bg-default-active: #1E2947;\n --cre8-color-bg-subtle: #0D1425;\n --cre8-color-bg-strong: #E9EDF7;\n --cre8-color-bg-disabled: #1E2740;\n\n --cre8-color-bg-brand: #141A3A;\n --cre8-color-bg-brand-strong: #6366F1;\n --cre8-color-bg-brand-strong-hover: #818CF8;\n --cre8-color-bg-success: #06251B;\n --cre8-color-bg-error: #2A0B14;\n --cre8-color-bg-warning: #2A1C05;\n --cre8-color-bg-info: #141A3A;\n --cre8-color-bg-attention: #1E1440;\n\n --cre8-color-content-default: #E9EDF7;\n --cre8-color-content-subtle: #9AA3BF;\n --cre8-color-content-disabled: #5B6484;\n --cre8-color-content-brand: #A5B0FF;\n --cre8-color-content-brand-strong: #C7CDFF;\n --cre8-color-content-success: #34D399;\n --cre8-color-content-success-icon: #34D399;\n --cre8-color-content-error: #FB7185;\n --cre8-color-content-error-icon: #FB7185;\n --cre8-color-content-warning-icon: #FBBF24;\n --cre8-color-content-info-icon: #A5B0FF;\n --cre8-color-content-attention-icon: #C4B5FD;\n --cre8-color-content-link: #A5B0FF;\n\n --cre8-color-border-default: #1E2740;\n --cre8-color-border-strong: #39435F;\n\n --cre8-color-button-primary-bg: #6366F1;\n --cre8-color-button-primary-bg-hover: #818CF8;\n --cre8-color-button-primary-border: #6366F1;\n --cre8-color-button-primary-border-hover: #818CF8;\n\n --cre8-gradient-brand-rich: linear-gradient(150deg, #4338CA 0%, #6D28D9 45%, #0891B2 100%);\n }\n}\n:root{--cre8-typography-body-xlarge-font-family: var(--cre8-font-families-inter);\n --cre8-typography-body-xlarge-font-size: var(--cre8-font-size-5);\n --cre8-typography-body-xlarge-font-weight: var(--cre8-font-weights-inter-0);\n --cre8-typography-body-xlarge-line-height: var(--cre8-line-heights-7);\n --cre8-typography-body-xlarge-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-body-xlarge-text-transform: var(--cre8-text-case-none);\n--cre8-typography-body-xlarge-strong-font-family: var(--cre8-font-families-inter);\n --cre8-typography-body-xlarge-strong-font-size: var(--cre8-font-size-5);\n --cre8-typography-body-xlarge-strong-font-weight: var(--cre8-font-weights-inter-1);\n --cre8-typography-body-xlarge-strong-line-height: var(--cre8-line-heights-7);\n --cre8-typography-body-xlarge-strong-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-body-xlarge-strong-text-transform: var(--cre8-text-case-none);\n--cre8-typography-body-xlarge-link-font-family: var(--cre8-font-families-inter);\n --cre8-typography-body-xlarge-link-font-size: var(--cre8-font-size-5);\n --cre8-typography-body-xlarge-link-font-weight: var(--cre8-font-weights-inter-1);\n --cre8-typography-body-xlarge-link-line-height: var(--cre8-line-heights-7);\n --cre8-typography-body-xlarge-link-text-decoration: var(--cre8-text-decoration-underline);\n --cre8-typography-body-xlarge-link-text-transform: var(--cre8-text-case-none);\n--cre8-typography-body-large-font-family: var(--cre8-font-families-inter);\n --cre8-typography-body-large-font-size: var(--cre8-font-size-3);\n --cre8-typography-body-large-font-weight: var(--cre8-font-weights-inter-0);\n --cre8-typography-body-large-line-height: var(--cre8-line-heights-7);\n --cre8-typography-body-large-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-body-large-text-transform: var(--cre8-text-case-none);\n--cre8-typography-body-large-strong-font-family: var(--cre8-font-families-inter);\n --cre8-typography-body-large-strong-font-size: var(--cre8-font-size-3);\n --cre8-typography-body-large-strong-font-weight: var(--cre8-font-weights-inter-1);\n --cre8-typography-body-large-strong-line-height: var(--cre8-line-heights-7);\n --cre8-typography-body-large-strong-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-body-large-strong-text-transform: var(--cre8-text-case-none);\n--cre8-typography-body-default-font-family: var(--cre8-font-families-inter);\n --cre8-typography-body-default-font-size: var(--cre8-font-size-2);\n --cre8-typography-body-default-font-weight: var(--cre8-font-weights-inter-0);\n --cre8-typography-body-default-line-height: var(--cre8-line-heights-7);\n --cre8-typography-body-default-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-body-default-text-transform: var(--cre8-text-case-none);\n--cre8-typography-body-default-strong-font-family: var(--cre8-font-families-inter);\n --cre8-typography-body-default-strong-font-size: var(--cre8-font-size-2);\n --cre8-typography-body-default-strong-font-weight: var(--cre8-font-weights-inter-1);\n --cre8-typography-body-default-strong-line-height: var(--cre8-line-heights-7);\n --cre8-typography-body-default-strong-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-body-default-strong-text-transform: var(--cre8-text-case-none);\n--cre8-typography-body-small-font-family: var(--cre8-font-families-inter);\n --cre8-typography-body-small-font-size: var(--cre8-font-size-1);\n --cre8-typography-body-small-font-weight: var(--cre8-font-weights-inter-0);\n --cre8-typography-body-small-line-height: var(--cre8-line-heights-8);\n --cre8-typography-body-small-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-body-small-text-transform: var(--cre8-text-case-none);\n--cre8-typography-body-small-strong-font-family: var(--cre8-font-families-inter);\n --cre8-typography-body-small-strong-font-size: var(--cre8-font-size-1);\n --cre8-typography-body-small-strong-font-weight: var(--cre8-font-weights-inter-1);\n --cre8-typography-body-small-strong-line-height: var(--cre8-line-heights-8);\n --cre8-typography-body-small-strong-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-body-small-strong-text-transform: var(--cre8-text-case-none);\n--cre8-typography-body-large-link-font-family: var(--cre8-font-families-inter);\n --cre8-typography-body-large-link-font-size: var(--cre8-font-size-3);\n --cre8-typography-body-large-link-font-weight: var(--cre8-font-weights-inter-1);\n --cre8-typography-body-large-link-line-height: var(--cre8-line-heights-7);\n --cre8-typography-body-large-link-text-decoration: var(--cre8-text-decoration-underline);\n --cre8-typography-body-large-link-text-transform: var(--cre8-text-case-none);\n--cre8-typography-body-default-link-font-family: var(--cre8-font-families-inter);\n --cre8-typography-body-default-link-font-size: var(--cre8-font-size-2);\n --cre8-typography-body-default-link-font-weight: var(--cre8-font-weights-inter-1);\n --cre8-typography-body-default-link-line-height: var(--cre8-line-heights-7);\n --cre8-typography-body-default-link-text-decoration: var(--cre8-text-decoration-underline);\n --cre8-typography-body-default-link-text-transform: var(--cre8-text-case-none);\n--cre8-typography-body-small-link-font-family: var(--cre8-font-families-inter);\n --cre8-typography-body-small-link-font-size: var(--cre8-font-size-1);\n --cre8-typography-body-small-link-font-weight: var(--cre8-font-weights-inter-1);\n --cre8-typography-body-small-link-line-height: var(--cre8-line-heights-8);\n --cre8-typography-body-small-link-text-decoration: var(--cre8-text-decoration-underline);\n --cre8-typography-body-small-link-text-transform: var(--cre8-text-case-none);\n--cre8-typography-label-default-font-family: var(--cre8-font-families-inter);\n --cre8-typography-label-default-font-size: var(--cre8-font-size-2);\n --cre8-typography-label-default-font-weight: var(--cre8-font-weights-inter-1);\n --cre8-typography-label-default-line-height: var(--cre8-line-heights-7);\n --cre8-typography-label-default-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-label-default-text-transform: var(--cre8-text-case-none);\n--cre8-typography-label-large-font-family: var(--cre8-font-families-inter);\n --cre8-typography-label-large-font-size: var(--cre8-font-size-3);\n --cre8-typography-label-large-font-weight: var(--cre8-font-weights-inter-1);\n --cre8-typography-label-large-line-height: var(--cre8-line-heights-5);\n --cre8-typography-label-large-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-label-large-text-transform: var(--cre8-text-case-none);\n--cre8-typography-label-small-font-family: var(--cre8-font-families-inter);\n --cre8-typography-label-small-font-size: var(--cre8-font-size-1);\n --cre8-typography-label-small-font-weight: var(--cre8-font-weights-inter-1);\n --cre8-typography-label-small-line-height: var(--cre8-line-heights-7);\n --cre8-typography-label-small-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-label-small-text-transform: var(--cre8-text-case-none);\n--cre8-typography-title-xlarge-font-family: var(--cre8-font-families-inter);\n --cre8-typography-title-xlarge-font-size: var(--cre8-font-size-8);\n --cre8-typography-title-xlarge-font-weight: var(--cre8-font-weights-inter-1);\n --cre8-typography-title-xlarge-line-height: var(--cre8-line-heights-4);\n --cre8-typography-title-xlarge-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-title-xlarge-text-transform: var(--cre8-text-case-none);\n--cre8-typography-title-xlarge-mobile-font-family: var(--cre8-font-families-inter);\n --cre8-typography-title-xlarge-mobile-font-size: var(--cre8-font-size-7);\n --cre8-typography-title-xlarge-mobile-font-weight: var(--cre8-font-weights-inter-1);\n --cre8-typography-title-xlarge-mobile-line-height: var(--cre8-line-heights-4);\n --cre8-typography-title-xlarge-mobile-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-title-xlarge-mobile-text-transform: var(--cre8-text-case-none);\n--cre8-typography-title-large-font-family: var(--cre8-font-families-inter);\n --cre8-typography-title-large-font-size: var(--cre8-font-size-6);\n --cre8-typography-title-large-font-weight: var(--cre8-font-weights-inter-1);\n --cre8-typography-title-large-line-height: var(--cre8-line-heights-1);\n --cre8-typography-title-large-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-title-large-text-transform: var(--cre8-text-case-none);\n--cre8-typography-title-large-mobile-font-family: var(--cre8-font-families-inter);\n --cre8-typography-title-large-mobile-font-size: var(--cre8-font-size-5);\n --cre8-typography-title-large-mobile-font-weight: var(--cre8-font-weights-inter-1);\n --cre8-typography-title-large-mobile-line-height: var(--cre8-line-heights-1);\n --cre8-typography-title-large-mobile-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-title-large-mobile-text-transform: var(--cre8-text-case-none);\n--cre8-typography-title-default-font-family: var(--cre8-font-families-inter);\n --cre8-typography-title-default-font-size: var(--cre8-font-size-5);\n --cre8-typography-title-default-font-weight: var(--cre8-font-weights-inter-1);\n --cre8-typography-title-default-line-height: var(--cre8-line-heights-2);\n --cre8-typography-title-default-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-title-default-text-transform: var(--cre8-text-case-none);\n--cre8-typography-title-default-mobile-font-family: var(--cre8-font-families-inter);\n --cre8-typography-title-default-mobile-font-size: var(--cre8-font-size-3);\n --cre8-typography-title-default-mobile-font-weight: var(--cre8-font-weights-inter-1);\n --cre8-typography-title-default-mobile-line-height: var(--cre8-line-heights-2);\n --cre8-typography-title-default-mobile-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-title-default-mobile-text-transform: var(--cre8-text-case-none);\n--cre8-typography-title-small-font-family: var(--cre8-font-families-inter);\n --cre8-typography-title-small-font-size: var(--cre8-font-size-3);\n --cre8-typography-title-small-font-weight: var(--cre8-font-weights-inter-1);\n --cre8-typography-title-small-line-height: var(--cre8-line-heights-6);\n --cre8-typography-title-small-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-title-small-text-transform: var(--cre8-text-case-none);\n--cre8-typography-title-small-mobile-font-family: var(--cre8-font-families-inter);\n --cre8-typography-title-small-mobile-font-size: var(--cre8-font-size-2);\n --cre8-typography-title-small-mobile-font-weight: var(--cre8-font-weights-inter-1);\n --cre8-typography-title-small-mobile-line-height: var(--cre8-line-heights-6);\n --cre8-typography-title-small-mobile-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-title-small-mobile-text-transform: var(--cre8-text-case-none);\n--cre8-typography-headline-large-font-family: var(--cre8-font-families-inter);\n --cre8-typography-headline-large-font-size: var(--cre8-font-size-9);\n --cre8-typography-headline-large-font-weight: var(--cre8-font-weights-inter-3);\n --cre8-typography-headline-large-line-height: var(--cre8-line-heights-0);\n --cre8-typography-headline-large-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-headline-large-text-transform: var(--cre8-text-case-none);\n--cre8-typography-headline-large-mobile-font-family: var(--cre8-font-families-inter);\n --cre8-typography-headline-large-mobile-font-size: var(--cre8-font-size-8);\n --cre8-typography-headline-large-mobile-font-weight: var(--cre8-font-weights-inter-3);\n --cre8-typography-headline-large-mobile-line-height: var(--cre8-line-heights-0);\n --cre8-typography-headline-large-mobile-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-headline-large-mobile-text-transform: var(--cre8-text-case-none);\n--cre8-typography-headline-default-font-family: var(--cre8-font-families-inter);\n --cre8-typography-headline-default-font-size: var(--cre8-font-size-8);\n --cre8-typography-headline-default-font-weight: var(--cre8-font-weights-inter-3);\n --cre8-typography-headline-default-line-height: var(--cre8-line-heights-0);\n --cre8-typography-headline-default-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-headline-default-text-transform: var(--cre8-text-case-none);\n--cre8-typography-headline-default-mobile-font-family: var(--cre8-font-families-inter);\n --cre8-typography-headline-default-mobile-font-size: var(--cre8-font-size-7);\n --cre8-typography-headline-default-mobile-font-weight: var(--cre8-font-weights-inter-3);\n --cre8-typography-headline-default-mobile-line-height: var(--cre8-line-heights-0);\n --cre8-typography-headline-default-mobile-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-headline-default-mobile-text-transform: var(--cre8-text-case-none);\n--cre8-typography-headline-small-font-family: var(--cre8-font-families-inter);\n --cre8-typography-headline-small-font-size: var(--cre8-font-size-7);\n --cre8-typography-headline-small-font-weight: var(--cre8-font-weights-inter-3);\n --cre8-typography-headline-small-line-height: var(--cre8-line-heights-0);\n --cre8-typography-headline-small-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-headline-small-text-transform: var(--cre8-text-case-none);\n--cre8-typography-headline-small-mobile-font-family: var(--cre8-font-families-inter);\n --cre8-typography-headline-small-mobile-font-size: var(--cre8-font-size-6);\n --cre8-typography-headline-small-mobile-font-weight: var(--cre8-font-weights-inter-3);\n --cre8-typography-headline-small-mobile-line-height: var(--cre8-line-heights-0);\n --cre8-typography-headline-small-mobile-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-headline-small-mobile-text-transform: var(--cre8-text-case-none);\n--cre8-typography-headline-xsmall-font-family: var(--cre8-font-families-inter);\n --cre8-typography-headline-xsmall-font-size: var(--cre8-font-size-5);\n --cre8-typography-headline-xsmall-font-weight: var(--cre8-font-weights-inter-3);\n --cre8-typography-headline-xsmall-line-height: var(--cre8-line-heights-0);\n --cre8-typography-headline-xsmall-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-headline-xsmall-text-transform: var(--cre8-text-case-none);\n--cre8-typography-headline-xsmall-mobile-font-family: var(--cre8-font-families-inter);\n --cre8-typography-headline-xsmall-mobile-font-size: var(--cre8-font-size-5);\n --cre8-typography-headline-xsmall-mobile-font-weight: var(--cre8-font-weights-inter-3);\n --cre8-typography-headline-xsmall-mobile-line-height: var(--cre8-line-heights-0);\n --cre8-typography-headline-xsmall-mobile-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-headline-xsmall-mobile-text-transform: var(--cre8-text-case-none);\n--cre8-typography-display-large-font-family: var(--cre8-font-families-inter);\n --cre8-typography-display-large-font-size: var(--cre8-font-size-13);\n --cre8-typography-display-large-font-weight: var(--cre8-font-weights-inter-2);\n --cre8-typography-display-large-line-height: var(--cre8-line-heights-0);\n --cre8-typography-display-large-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-display-large-text-transform: var(--cre8-text-case-none);\n--cre8-typography-display-large-mobile-font-family: var(--cre8-font-families-inter);\n --cre8-typography-display-large-mobile-font-size: var(--cre8-font-size-12);\n --cre8-typography-display-large-mobile-font-weight: var(--cre8-font-weights-inter-2);\n --cre8-typography-display-large-mobile-line-height: var(--cre8-line-heights-0);\n --cre8-typography-display-large-mobile-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-display-large-mobile-text-transform: var(--cre8-text-case-none);\n--cre8-typography-display-default-font-family: var(--cre8-font-families-inter);\n --cre8-typography-display-default-font-size: var(--cre8-font-size-11);\n --cre8-typography-display-default-font-weight: var(--cre8-font-weights-inter-2);\n --cre8-typography-display-default-line-height: var(--cre8-line-heights-0);\n --cre8-typography-display-default-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-display-default-text-transform: var(--cre8-text-case-none);\n--cre8-typography-display-default-mobile-font-family: var(--cre8-font-families-inter);\n --cre8-typography-display-default-mobile-font-size: var(--cre8-font-size-10);\n --cre8-typography-display-default-mobile-font-weight: var(--cre8-font-weights-inter-2);\n --cre8-typography-display-default-mobile-line-height: var(--cre8-line-heights-0);\n --cre8-typography-display-default-mobile-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-display-default-mobile-text-transform: var(--cre8-text-case-none);\n--cre8-typography-display-small-font-family: var(--cre8-font-families-inter);\n --cre8-typography-display-small-font-size: var(--cre8-font-size-9);\n --cre8-typography-display-small-font-weight: var(--cre8-font-weights-inter-2);\n --cre8-typography-display-small-line-height: var(--cre8-line-heights-0);\n --cre8-typography-display-small-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-display-small-text-transform: var(--cre8-text-case-none);\n--cre8-typography-display-small-mobile-font-family: var(--cre8-font-families-inter);\n --cre8-typography-display-small-mobile-font-size: var(--cre8-font-size-8);\n --cre8-typography-display-small-mobile-font-weight: var(--cre8-font-weights-inter-2);\n --cre8-typography-display-small-mobile-line-height: var(--cre8-line-heights-0);\n --cre8-typography-display-small-mobile-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-display-small-mobile-text-transform: var(--cre8-text-case-none);\n--cre8-typography-meta-default-font-family: var(--cre8-font-families-inter);\n --cre8-typography-meta-default-font-size: var(--cre8-font-size-2);\n --cre8-typography-meta-default-font-weight: var(--cre8-font-weights-inter-2);\n --cre8-typography-meta-default-line-height: var(--cre8-line-heights-3);\n --cre8-typography-meta-default-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-meta-default-text-transform: var(--cre8-text-case-uppercase);\n--cre8-typography-meta-default-sentence-case-font-family: var(--cre8-font-families-inter);\n --cre8-typography-meta-default-sentence-case-font-size: var(--cre8-font-size-2);\n --cre8-typography-meta-default-sentence-case-font-weight: var(--cre8-font-weights-inter-2);\n --cre8-typography-meta-default-sentence-case-line-height: var(--cre8-line-heights-11);\n --cre8-typography-meta-default-sentence-case-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-meta-default-sentence-case-text-transform: var(--cre8-text-case-none);\n--cre8-typography-meta-large-font-family: var(--cre8-font-families-inter);\n --cre8-typography-meta-large-font-size: var(--cre8-font-size-4);\n --cre8-typography-meta-large-font-weight: var(--cre8-font-weights-inter-2);\n --cre8-typography-meta-large-line-height: var(--cre8-line-heights-3);\n --cre8-typography-meta-large-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-meta-large-text-transform: var(--cre8-text-case-uppercase);\n--cre8-typography-meta-small-font-family: var(--cre8-font-families-inter);\n --cre8-typography-meta-small-font-size: var(--cre8-font-size-1);\n --cre8-typography-meta-small-font-weight: var(--cre8-font-weights-inter-2);\n --cre8-typography-meta-small-line-height: var(--cre8-line-heights-3);\n --cre8-typography-meta-small-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-meta-small-text-transform: var(--cre8-text-case-uppercase);}\n`;\n\nexport default vivid;\n"]}
|
|
1
|
+
{"version":3,"file":"tokens_cre8-vivid.module.js","sourceRoot":"","sources":["../../../../../design-tokens/brands/cre8-vivid/css/tokens_cre8-vivid.module.ts"],"names":[],"mappings":"AAAA,MAAM,KAAK,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAu3Bb,CAAC;AAEF,eAAe,KAAK,CAAC","sourcesContent":["const vivid = `\n@font-face {\n\tfont-family: 'Plus Jakarta Sans';\n\tfont-style: normal;\n\tfont-weight: 400;\n\tsrc: url('assets/fonts/PlusJakartaSans-Regular.woff2') format('woff2');\n\tfont-display: fallback;\n}\n\n@font-face {\n\tfont-family: 'Plus Jakarta Sans';\n\tfont-style: medium;\n\tfont-weight: 500;\n\tsrc: url('assets/fonts/PlusJakartaSans-Medium.woff2') format('woff2');\n\tfont-display: fallback;\n}\n\n@font-face {\n\tfont-family: 'Plus Jakarta Sans';\n\tfont-style: medium;\n\tfont-weight: 600;\n\tsrc: url('assets/fonts/PlusJakartaSans-SemiBold.woff2') format('woff2');\n\tfont-display: fallback;\n}\n\n@font-face {\n\tfont-family: 'Plus Jakarta Sans';\n\tfont-style: normal;\n\tfont-weight: 700;\n\tsrc: url('assets/fonts/PlusJakartaSans-Bold.woff2') format('woff2');\n\tfont-display: fallback;\n}\n/**\n * cre8-vivid — a high-saturation brand for cre8.\n *\n * Derived from cre8-a2ui and identical to it in structure, typography and\n * spacing. What changes is colour, and one change carries the rest:\n *\n * The a2ui status ramp maps success to cyan and error to pink. Neither hue\n * means what it says, and the two sit close enough that an alert's status has\n * to be read rather than seen. cre8-vivid goes back to the conventional\n * mapping — green good, red bad, amber caution — with violet for attention so\n * that no two statuses share a hue.\n *\n * The brand ramp moves from a single flat blue to indigo paired with cyan, and\n * ships that pairing as a gradient token. Correct-but-forgettable is a real\n * failure mode for a product surface; this is the answer to it.\n *\n * Everything below is a complete sheet, not an override layer: a viewer that\n * loads only \\`tokens_cre8-vivid.css\\` gets a whole design system.\n */\n\n:root {\n --cre8-desktop-menu-padding-vertical-padding: 1rem;\n --cre8-desktop-menu-padding-horizontal-padding: 0.5rem;\n --cre8-input-padding: 0.625rem 0.875rem;\n --cre8-input-label-margin-left: 0;\n --cre8-color-header-bg-default: #ffffff;\n --cre8-color-header-inverse-bg-default: #3B82F6;\n --cre8-color-header-menu-bg-default: #ffffff;\n --cre8-color-header-menu-inverse-bg-default: #3B82F6;\n --cre8-color-header-menu-bg-hover: #F8FAFC;\n --cre8-color-header-menu-inverse-bg-hover: #2563EB;\n --cre8-color-header-menu-bg-focus: #F8FAFC;\n --cre8-color-header-menu-inverse-bg-focus: #2563EB;\n --cre8-color-header-menu-bg-active: #E2E8F0;\n --cre8-color-header-menu-inverse-bg-active: #1D4ED8;\n --cre8-color-header-menu-bg-pressed: #E2E8F0;\n --cre8-color-header-menu-inverse-bg-pressed: #1D4ED8;\n --cre8-color-header-menu-bg-selected: #F8FAFC;\n --cre8-color-header-menu-inverse-bg-selected: #2563EB;\n --cre8-color-header-menu-content-default: #3B82F6;\n --cre8-color-header-menu-inverse-content-default: #ffffff;\n --cre8-color-header-menu-content-hover: #2563EB;\n --cre8-color-header-menu-inverse-content-hover: #ffffff;\n --cre8-color-header-menu-content-focus: #3B82F6;\n --cre8-color-header-menu-inverse-content-focus: #ffffff;\n --cre8-color-header-menu-content-active: #1D4ED8;\n --cre8-color-header-menu-inverse-content-active: #ffffff;\n --cre8-color-header-menu-content-pressed: #1D4ED8;\n --cre8-color-header-menu-inverse-content-pressed: #ffffff;\n --cre8-color-header-menu-content-selected: #2563EB;\n --cre8-color-header-menu-inverse-content-selected: #ffffff;\n --cre8-color-header-menu-border-default: rgba(15, 23, 42, 0.0);\n --cre8-color-header-menu-inverse-border-default: rgba(15, 23, 42, 0.0);\n --cre8-color-header-menu-border-hover: rgba(15, 23, 42, 0.0);\n --cre8-color-header-menu-inverse-border-hover: #ffffff;\n --cre8-color-header-menu-border-focus: #2563EB;\n --cre8-color-header-menu-inverse-border-focus: #ffffff;\n --cre8-color-header-menu-border-active: #3B82F6;\n --cre8-color-header-menu-inverse-border-active: #ffffff;\n --cre8-color-header-menu-border-pressed: #3B82F6;\n --cre8-color-header-menu-inverse-border-pressed: #ffffff;\n --cre8-color-header-menu-border-selected: #2563EB;\n --cre8-color-header-menu-inverse-border-selected: #F8FAFC;\n --cre8-color-header-submenu-bg-default: #ffffff;\n --cre8-color-header-submenu-inverse-bg-default: #3B82F6;\n --cre8-color-header-submenu-bg-hover: #F8FAFC;\n --cre8-color-header-submenu-inverse-bg-hover: #2563EB;\n --cre8-color-header-submenu-bg-focus: #ffffff;\n --cre8-color-header-submenu-inverse-bg-focus: #3B82F6;\n --cre8-color-header-submenu-bg-active: #E2E8F0;\n --cre8-color-header-submenu-inverse-bg-active: #1D4ED8;\n --cre8-color-header-submenu-bg-pressed: #E2E8F0;\n --cre8-color-header-submenu-inverse-bg-pressed: #1D4ED8;\n --cre8-color-header-submenu-bg-selected: #F8FAFC;\n --cre8-color-header-submenu-inverse-bg-selected: #2563EB;\n --cre8-color-header-submenu-content-default: #3B82F6;\n --cre8-color-header-submenu-inverse-content-default: #ffffff;\n --cre8-color-header-submenu-content-hover: #2563EB;\n --cre8-color-header-submenu-inverse-content-hover: #ffffff;\n --cre8-color-header-submenu-content-focus: #2563EB;\n --cre8-color-header-submenu-inverse-content-focus: #ffffff;\n --cre8-color-header-submenu-content-active: #1D4ED8;\n --cre8-color-header-submenu-inverse-content-active: #ffffff;\n --cre8-color-header-submenu-content-pressed: #1D4ED8;\n --cre8-color-header-submenu-inverse-content-pressed: #ffffff;\n --cre8-color-header-submenu-content-selected: #3B82F6;\n --cre8-color-header-submenu-inverse-content-selected: #ffffff;\n --cre8-color-header-submenu-border-default: #ffffff;\n --cre8-color-header-submenu-inverse-border-default: #3B82F6;\n --cre8-color-header-submenu-border-hover: #F8FAFC;\n --cre8-color-header-submenu-inverse-border-hover: #2563EB;\n --cre8-color-header-submenu-border-focus: #3B82F6;\n --cre8-color-header-submenu-inverse-border-focus: #ffffff;\n --cre8-color-header-submenu-border-active: #E2E8F0;\n --cre8-color-header-submenu-inverse-border-active: #1D4ED8;\n --cre8-color-header-submenu-border-pressed: #E2E8F0;\n --cre8-color-header-submenu-inverse-border-pressed: #1D4ED8;\n --cre8-color-header-submenu-border-selected: #2563EB;\n --cre8-color-header-submenu-inverse-border-selected: #F8FAFC;\n --cre8-color-header-bg-secondary: #3B82F6;\n --cre8-color-header-inverse-bg-secondary: #ffffff;\n --cre8-color-header-bg-tertiary: #3B82F6;\n --cre8-color-header-inverse-bg-tertiary: #ffffff;\n --cre8-color-footer-bg-default: #1E40AF;\n --cre8-color-footer-bg-secondary: #F8FAFC;\n --cre8-color-footer-content-secondary: #ffffff;\n --cre8-color-footer-link-hover: #93C5FD;\n --cre8-color-footer-link-default: #93C5FD;\n --cre8-spacing-0: 0rem;\n --cre8-spacing-2: 0.125rem;\n --cre8-spacing-4: 0.25rem;\n --cre8-spacing-6: 0.375rem;\n --cre8-spacing-8: 0.5rem;\n --cre8-spacing-12: 0.75rem;\n --cre8-spacing-14: 0.875rem;\n --cre8-spacing-16: 1rem;\n --cre8-spacing-18: 1.125rem;\n --cre8-spacing-24: 1.5rem;\n --cre8-spacing-32: 2rem;\n --cre8-spacing-40: 2.5rem;\n --cre8-spacing-48: 3rem;\n --cre8-spacing-64: 4rem;\n --cre8-spacing-80: 5rem;\n --cre8-spacing-96: 6rem;\n --cre8-spacing-120: 7.5rem;\n --cre8-spacing-160: 10rem;\n --cre8-color-button-primary-bg: #4F46E5;\n --cre8-color-button-primary-inverse-bg: #BFDBFE;\n --cre8-color-button-primary-bg-hover: #4338CA;\n --cre8-color-button-primary-inverse-bg-hover: #93C5FD;\n --cre8-color-button-primary-bg-active: #3730A3;\n --cre8-color-button-primary-inverse-bg-active: #60A5FA;\n --cre8-color-button-primary-bg-disabled: #E2E8F0;\n --cre8-color-button-primary-inverse-bg-disabled: #64748B;\n --cre8-color-button-primary-content: #FFFFFF;\n --cre8-color-button-primary-inverse-content: #1E40AF;\n --cre8-color-button-primary-content-hover: #ffffff;\n --cre8-color-button-primary-inverse-content-hover: #1E40AF;\n --cre8-color-button-primary-content-active: #ffffff;\n --cre8-color-button-primary-inverse-content-active: #1E40AF;\n --cre8-color-button-primary-content-disabled: #475569;\n --cre8-color-button-primary-inverse-content-disabled: #1E293B;\n --cre8-color-button-primary-border: #4F46E5;\n --cre8-color-button-primary-inverse-border: #BFDBFE;\n --cre8-color-button-primary-border-hover: #4338CA;\n --cre8-color-button-primary-inverse-border-hover: #93C5FD;\n --cre8-color-button-primary-border-active: #3730A3;\n --cre8-color-button-primary-inverse-border-active: #60A5FA;\n --cre8-color-button-primary-border-disabled: #E2E8F0;\n --cre8-color-button-primary-inverse-border-disabled: #64748B;\n --cre8-color-button-primary-outline: #1D4ED8;\n --cre8-color-button-primary-inverse-outline: #BFDBFE;\n --cre8-color-button-primary-danger-bg: #E11D48;\n --cre8-color-button-primary-danger-inverse-bg: #F9A8D4;\n --cre8-color-button-primary-danger-bg-hover: #BE123C;\n --cre8-color-button-primary-danger-inverse-bg-hover: #FBCFE8;\n --cre8-color-button-primary-danger-bg-active: #BE185D;\n --cre8-color-button-primary-danger-inverse-bg-active: #FCE7F3;\n --cre8-color-button-primary-danger-bg-disabled: #E2E8F0;\n --cre8-color-button-primary-danger-inverse-bg-disabled: #64748B;\n --cre8-color-button-primary-danger-content: #ffffff;\n --cre8-color-button-primary-danger-inverse-content: #0F172A;\n --cre8-color-button-primary-danger-content-hover: #ffffff;\n --cre8-color-button-primary-danger-inverse-content-hover: #0F172A;\n --cre8-color-button-primary-danger-content-active: #ffffff;\n --cre8-color-button-primary-danger-inverse-content-active: #0F172A;\n --cre8-color-button-primary-danger-content-disabled: #475569;\n --cre8-color-button-primary-danger-inverse-content-disabled: #1E293B;\n --cre8-color-button-primary-danger-border: #E11D48;\n --cre8-color-button-primary-danger-inverse-border: #F9A8D4;\n --cre8-color-button-primary-danger-border-hover: #BE123C;\n --cre8-color-button-primary-danger-inverse-border-hover: #FBCFE8;\n --cre8-color-button-primary-danger-border-active: #BE185D;\n --cre8-color-button-primary-danger-inverse-border-active: #FCE7F3;\n --cre8-color-button-primary-danger-border-disabled: #E2E8F0;\n --cre8-color-button-primary-danger-inverse-border-disabled: #64748B;\n --cre8-color-button-primary-danger-outline: #1D4ED8;\n --cre8-color-button-primary-danger-inverse-outline: #BFDBFE;\n --cre8-color-button-secondary-neutral-bg: rgba(15, 23, 42, 0.0);\n --cre8-color-button-secondary-neutral-inverse-bg: rgba(15, 23, 42, 0.0);\n --cre8-color-button-secondary-neutral-content: #0F172A;\n --cre8-color-button-secondary-neutral-inverse-content: #ffffff;\n --cre8-color-button-secondary-neutral-border: #0F172A;\n --cre8-color-button-secondary-neutral-inverse-border: #ffffff;\n --cre8-color-button-secondary-neutral-bg-hover: rgba(15, 23, 42, 0.10);\n --cre8-color-button-secondary-neutral-inverse-bg-hover: rgba(15, 23, 42, 0.20);\n --cre8-color-button-secondary-neutral-content-hover: #0F172A;\n --cre8-color-button-secondary-neutral-inverse-content-hover: #ffffff;\n --cre8-color-button-secondary-neutral-border-hover: #0F172A;\n --cre8-color-button-secondary-neutral-inverse-border-hover: #ffffff;\n --cre8-color-button-secondary-neutral-border-active: #0F172A;\n --cre8-color-button-secondary-neutral-inverse-border-active: #ffffff;\n --cre8-color-button-secondary-neutral-bg-active: rgba(15, 23, 42, 0.20);\n --cre8-color-button-secondary-neutral-inverse-bg-active: rgba(15, 23, 42, 0.50);\n --cre8-color-button-secondary-neutral-content-active: #0F172A;\n --cre8-color-button-secondary-neutral-inverse-content-active: #ffffff;\n --cre8-color-button-secondary-neutral-bg-disabled: #E2E8F0;\n --cre8-color-button-secondary-neutral-inverse-bg-disabled: #64748B;\n --cre8-color-button-secondary-neutral-border-disabled: #E2E8F0;\n --cre8-color-button-secondary-neutral-inverse-border-disabled: #64748B;\n --cre8-color-button-secondary-neutral-content-disabled: #475569;\n --cre8-color-button-secondary-neutral-inverse-content-disabled: #1E293B;\n --cre8-color-button-secondary-neutral-outline: #1E3A8A;\n --cre8-color-button-secondary-neutral-inverse-outline: #BFDBFE;\n --cre8-color-button-secondary-bg: rgba(15, 23, 42, 0.0);\n --cre8-color-button-secondary-inverse-bg: rgba(15, 23, 42, 0.0);\n --cre8-color-button-secondary-bg-hover: #EFF6FF;\n --cre8-color-button-secondary-inverse-bg-hover: rgba(15, 23, 42, 0.0);\n --cre8-color-button-secondary-bg-active: #DBEAFE;\n --cre8-color-button-secondary-inverse-bg-active: #1E3A8A;\n --cre8-color-button-secondary-bg-disabled: #E2E8F0;\n --cre8-color-button-secondary-inverse-bg-disabled: rgba(15, 23, 42, 0.0);\n --cre8-color-button-secondary-content: #3B82F6;\n --cre8-color-button-secondary-inverse-content: #BFDBFE;\n --cre8-color-button-secondary-content-hover: #2563EB;\n --cre8-color-button-secondary-inverse-content-hover: #93C5FD;\n --cre8-color-button-secondary-content-active: #1D4ED8;\n --cre8-color-button-secondary-inverse-content-active: #60A5FA;\n --cre8-color-button-secondary-content-disabled: #475569;\n --cre8-color-button-secondary-inverse-content-disabled: #64748B;\n --cre8-color-button-secondary-border: #3B82F6;\n --cre8-color-button-secondary-inverse-border: #BFDBFE;\n --cre8-color-button-secondary-border-hover: #2563EB;\n --cre8-color-button-secondary-inverse-border-hover: #93C5FD;\n --cre8-color-button-secondary-border-active: #1D4ED8;\n --cre8-color-button-secondary-inverse-border-active: #60A5FA;\n --cre8-color-button-secondary-border-disabled: #64748B;\n --cre8-color-button-secondary-inverse-border-disabled: #64748B;\n --cre8-color-button-secondary-outline: #1D4ED8;\n --cre8-color-button-secondary-inverse-outline: #93C5FD;\n --cre8-color-button-secondary-danger-bg: rgba(15, 23, 42, 0.0);\n --cre8-color-button-secondary-danger-inverse-bg: rgba(15, 23, 42, 0.0);\n --cre8-color-button-secondary-danger-bg-hover: #DB2777;\n --cre8-color-button-secondary-danger-inverse-bg-hover: #FBCFE8;\n --cre8-color-button-secondary-danger-bg-active: #BE185D;\n --cre8-color-button-secondary-danger-inverse-bg-active: #FCE7F3;\n --cre8-color-button-secondary-danger-bg-disabled: #E2E8F0;\n --cre8-color-button-secondary-danger-inverse-bg-disabled: #64748B;\n --cre8-color-button-secondary-danger-content: #EC4899;\n --cre8-color-button-secondary-danger-inverse-content: #F472B6;\n --cre8-color-button-secondary-danger-content-hover: #ffffff;\n --cre8-color-button-secondary-danger-inverse-content-hover: #0F172A;\n --cre8-color-button-secondary-danger-content-active: #ffffff;\n --cre8-color-button-secondary-danger-inverse-content-active: #0F172A;\n --cre8-color-button-secondary-danger-content-disabled: #475569;\n --cre8-color-button-secondary-danger-inverse-content-disabled: #1E293B;\n --cre8-color-button-secondary-danger-border: #EC4899;\n --cre8-color-button-secondary-danger-inverse-border: #F472B6;\n --cre8-color-button-secondary-danger-border-hover: #DB2777;\n --cre8-color-button-secondary-danger-inverse-border-hover: #FBCFE8;\n --cre8-color-button-secondary-danger-border-active: #BE185D;\n --cre8-color-button-secondary-danger-inverse-border-active: #FCE7F3;\n --cre8-color-button-secondary-danger-border-disabled: #E2E8F0;\n --cre8-color-button-secondary-danger-inverse-border-disabled: #64748B;\n --cre8-color-button-secondary-danger-outline: #1D4ED8;\n --cre8-color-button-secondary-danger-inverse-outline: #BFDBFE;\n --cre8-color-button-tertiary-bg: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-inverse-bg: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-bg-hover: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-inverse-bg-hover: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-bg-active: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-inverse-bg-active: #172554;\n --cre8-color-button-tertiary-bg-disabled: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-inverse-bg-disabled: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-content: #3B82F6;\n --cre8-color-button-tertiary-inverse-content: #BFDBFE;\n --cre8-color-button-tertiary-content-hover: #2563EB;\n --cre8-color-button-tertiary-inverse-content-hover: #93C5FD;\n --cre8-color-button-tertiary-content-active: #1D4ED8;\n --cre8-color-button-tertiary-inverse-content-active: #60A5FA;\n --cre8-color-button-tertiary-content-disabled: #475569;\n --cre8-color-button-tertiary-inverse-content-disabled: #64748B;\n --cre8-color-button-tertiary-border: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-inverse-border: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-border-hover: #2563EB;\n --cre8-color-button-tertiary-inverse-border-hover: #93C5FD;\n --cre8-color-button-tertiary-border-active: #1D4ED8;\n --cre8-color-button-tertiary-inverse-border-active: #60A5FA;\n --cre8-color-button-tertiary-border-disabled: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-inverse-border-disabled: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-outline: #1D4ED8;\n --cre8-color-button-tertiary-inverse-outline: #93C5FD;\n --cre8-color-button-tertiary-neutral-bg: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-neutral-inverse-bg: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-neutral-content: #0F172A;\n --cre8-color-button-tertiary-neutral-inverse-content: #ffffff;\n --cre8-color-button-tertiary-neutral-border: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-neutral-inverse-border: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-neutral-bg-hover: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-neutral-inverse-bg-hover: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-neutral-content-hover: #0F172A;\n --cre8-color-button-tertiary-neutral-inverse-content-hover: #ffffff;\n --cre8-color-button-tertiary-neutral-border-hover: #0F172A;\n --cre8-color-button-tertiary-neutral-inverse-border-hover: #ffffff;\n --cre8-color-button-tertiary-neutral-border-active: #0F172A;\n --cre8-color-button-tertiary-neutral-inverse-border-active: #ffffff;\n --cre8-color-button-tertiary-neutral-bg-active: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-neutral-inverse-bg-active: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-neutral-content-active: #0F172A;\n --cre8-color-button-tertiary-neutral-inverse-content-active: #ffffff;\n --cre8-color-button-tertiary-neutral-bg-disabled: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-neutral-inverse-bg-disabled: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-neutral-border-disabled: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-neutral-inverse-border-disabled: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-neutral-content-disabled: #475569;\n --cre8-color-button-tertiary-neutral-inverse-content-disabled: #1E293B;\n --cre8-color-button-tertiary-neutral-outline: #1E3A8A;\n --cre8-color-button-tertiary-neutral-inverse-outline: #BFDBFE;\n --cre8-color-button-tertiary-danger-bg: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-danger-inverse-bg: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-danger-bg-hover: #DB2777;\n --cre8-color-button-tertiary-danger-inverse-bg-hover: #FBCFE8;\n --cre8-color-button-tertiary-danger-bg-active: #BE185D;\n --cre8-color-button-tertiary-danger-inverse-bg-active: #FCE7F3;\n --cre8-color-button-tertiary-danger-bg-disabled: #E2E8F0;\n --cre8-color-button-tertiary-danger-inverse-bg-disabled: #64748B;\n --cre8-color-button-tertiary-danger-content: #EC4899;\n --cre8-color-button-tertiary-danger-inverse-content: #F472B6;\n --cre8-color-button-tertiary-danger-content-hover: #ffffff;\n --cre8-color-button-tertiary-danger-inverse-content-hover: #0F172A;\n --cre8-color-button-tertiary-danger-content-active: #ffffff;\n --cre8-color-button-tertiary-danger-inverse-content-active: #0F172A;\n --cre8-color-button-tertiary-danger-content-disabled: #475569;\n --cre8-color-button-tertiary-danger-inverse-content-disabled: #1E293B;\n --cre8-color-button-tertiary-danger-border: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-danger-inverse-border: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-danger-border-hover: #DB2777;\n --cre8-color-button-tertiary-danger-inverse-border-hover: #FBCFE8;\n --cre8-color-button-tertiary-danger-border-active: #BE185D;\n --cre8-color-button-tertiary-danger-inverse-border-active: #FCE7F3;\n --cre8-color-button-tertiary-danger-border-disabled: #E2E8F0;\n --cre8-color-button-tertiary-danger-inverse-border-disabled: #64748B;\n --cre8-color-button-tertiary-danger-outline: #1D4ED8;\n --cre8-color-button-tertiary-danger-inverse-outline: #BFDBFE;\n --cre8-button-padding-vertical-small: 0.5rem;\n --cre8-button-padding-vertical-medium: 0.75rem;\n --cre8-button-padding-vertical-large: 1rem;\n --cre8-button-padding-vertical-icon-only: 0.5rem;\n --cre8-button-padding-vertical-small-icon-only: 0.5rem;\n --cre8-button-padding-vertical-medium-icon-only: 1rem;\n --cre8-button-padding-vertical-large-icon-only: 1rem;\n --cre8-button-padding-horizontal-small: 1rem;\n --cre8-button-padding-horizontal-medium: 1.5rem;\n --cre8-button-padding-horizontal-large: 2rem;\n --cre8-button-padding-horizontal-icon-only: 0.5rem;\n --cre8-button-padding-horizontal-small-icon-only: 0.5rem;\n --cre8-button-padding-horizontal-medium-icon-only: 1rem;\n --cre8-button-padding-horizontal-large-icon-only: 1rem;\n --cre8-color-bg-default: #FFFFFF;\n --cre8-color-bg-default-hover: #EEF0FF;\n --cre8-color-bg-default-active: #DDE1FF;\n --cre8-color-bg-subtle: #F2F5FD;\n --cre8-color-bg-moderate: #9AA3BF;\n --cre8-color-bg-inverse-moderate: #64748B;\n --cre8-color-bg-strong: #0A0F1F;\n --cre8-color-bg-disabled: #E4E8F4;\n --cre8-color-bg-brand: #FFFFFF;\n --cre8-color-bg-brand-active: #DDE1FF;\n --cre8-color-bg-brand-hover: #EEF0FF;\n --cre8-color-bg-brand-strong: #4F46E5;\n --cre8-color-bg-brand-strong-hover: #4338CA;\n --cre8-color-bg-brand-strong-active: #3730A3;\n --cre8-color-bg-brand-xstrong: #3730A3;\n --cre8-color-bg-brand-xstrong-hover: #4338CA;\n --cre8-color-bg-brand-xstrong-active: #312E81;\n --cre8-color-bg-success: #E7FBF3;\n --cre8-color-bg-success-strong: #047857;\n --cre8-color-bg-error: #FFEFF2;\n --cre8-color-bg-error-strong: #E11D48;\n --cre8-color-bg-warning: #FFF7E6;\n --cre8-color-bg-warning-strong: #F59E0B;\n --cre8-color-bg-info: #EEF0FF;\n --cre8-color-bg-info-strong: #4F46E5;\n --cre8-color-bg-attention: #F3EEFF;\n --cre8-color-bg-attention-strong: #8B5CF6;\n --cre8-color-bg-opacity-transparent: rgba(15, 23, 42, 0.0);\n --cre8-color-bg-opacity-default: rgba(15, 23, 42, 0.50);\n --cre8-color-bg-active: #0F172A;\n --cre8-color-bg-inverse-active: #ffffff;\n --cre8-color-content-default: #0A0F1F;\n --cre8-color-content-subtle: #5B6484;\n --cre8-color-content-disabled: #9AA3BF;\n --cre8-color-content-knockout: #FFFFFF;\n --cre8-color-content-brand: #4F46E5;\n --cre8-color-content-brand-strong: #4338CA;\n --cre8-color-content-brand-knockout: #ECFEFF;\n --cre8-color-content-success: #047857;\n --cre8-color-content-success-icon: #047857;\n --cre8-color-content-error: #BE123C;\n --cre8-color-content-error-icon: #BE123C;\n --cre8-color-content-warning-icon: #D97706;\n --cre8-color-content-info-icon: #4F46E5;\n --cre8-color-content-attention-icon: #7C3AED;\n --cre8-color-content-link: #4F46E5;\n --cre8-color-content-inverse-link: #BFDBFE;\n --cre8-color-content-link-hover: #4338CA;\n --cre8-color-content-inverse-link-hover: #93C5FD;\n --cre8-color-content-link-focus: #ffffff;\n --cre8-color-content-inverse-link-focus: #0F172A;\n --cre8-color-content-link-visited: #7C3AED;\n --cre8-color-content-inverse-link-visited: #E9D5FF;\n --cre8-color-content-link-disabled: #475569;\n --cre8-color-content-inverse-link-disabled: #E2E8F0;\n --cre8-color-content-link-active: #3730A3;\n --cre8-color-content-inverse-link-active: #60A5FA;\n --cre8-color-border-default: #E4E8F4;\n --cre8-color-border-strong: #9AA3BF;\n --cre8-color-border-knockout: #ffffff;\n --cre8-color-border-disabled: #CBD5E1;\n --cre8-color-border-brand: #4F46E5;\n --cre8-color-border-brand-subtle: #A5B0FF;\n --cre8-color-border-brand-strong: #4338CA;\n --cre8-color-border-success: #10B981;\n --cre8-color-border-error: #E11D48;\n --cre8-color-border-warning: #F59E0B;\n --cre8-color-border-info: #4F46E5;\n --cre8-color-border-attention: #8B5CF6;\n --cre8-color-border-transparent: rgba(15, 23, 42, 0.0);\n --cre8-color-border-active-outline: #2563EB;\n --cre8-color-border-inverse-active-outline: #BFDBFE;\n --cre8-font-size-0: 0.75rem;\n --cre8-font-size-1: 0.875rem;\n --cre8-font-size-2: 1rem;\n --cre8-font-size-3: 1.125rem;\n --cre8-font-size-4: 1.25rem;\n --cre8-font-size-5: 1.5rem;\n --cre8-font-size-6: 1.75rem;\n --cre8-font-size-7: 2rem;\n --cre8-font-size-8: 2.5rem;\n --cre8-font-size-9: 3rem;\n --cre8-font-size-10: 3.5rem;\n --cre8-font-size-11: 4rem;\n --cre8-font-size-12: 4.5rem;\n --cre8-font-size-13: 5rem;\n --cre8-letter-spacing-0: -1.5;\n --cre8-letter-spacing-1: -1;\n --cre8-letter-spacing-2: -0.5;\n --cre8-letter-spacing-3: 0;\n --cre8-letter-spacing-4: 2;\n --cre8-letter-spacing-5: 1;\n --cre8-letter-spacing-6: 1.5;\n --cre8-paragraph-spacing-0: 0;\n --cre8-text-case-none: none;\n --cre8-text-case-uppercase: uppercase;\n --cre8-text-decoration-none: none;\n --cre8-text-decoration-underline: underline;\n --cre8-paragraph-indent-0: 0px;\n --cre8-border-radius-small: 12px;\n --cre8-border-radius-checkbox: 4px;\n --cre8-border-radius-default: 12px;\n --cre8-border-radius-large: 24px;\n --cre8-border-radius-round: 900px;\n --cre8-border-radius-button: 900px;\n --cre8-border-radius-badge: 900px;\n --cre8-border-radius-tabs: 12px;\n --cre8-border-radius-container: 24px;\n --cre8-border-radius-field: 12px;\n --cre8-border-radius-field-brand: 12px;\n --cre8-border-radius-brand: 900px;\n --cre8-border-radius-none: 0px;\n --cre8-border-width-none: 0rem;\n --cre8-border-width-default: 0.0625rem;\n --cre8-border-width-focus: 0.125rem;\n --cre8-border-width-large: 0.25rem;\n --cre8-border-width-button-tertiary-outline-focus: 0.125rem;\n --cre8-border-width-button-default: 0.125rem;\n --cre8-border-width-tab-selected: 0.125rem;\n --cre8-border-width-tab-default: 0.125rem;\n --cre8-border-style-button-tertiary-outline-focus: solid;\n --cre8-border-style-default: solid;\n --cre8-breakpoint-xsm: 375px;\n --cre8-breakpoint-sm: 560px;\n --cre8-breakpoint-md: 768px;\n --cre8-breakpoint-lg: 960px;\n --cre8-breakpoint-xl: 1200px;\n --cre8-breakpoint-xxl: 1400px;\n\n /* Elevation — neutral-tinted, driven by the overlay primitives */\n --cre8-shadow-none: none;\n --cre8-shadow-button: none;\n --cre8-shadow-small: 0 1px 3px 0 oklch(from var(--cre8-neutral-900) l c h / 0.06);\n --cre8-shadow-default: 0 4px 12px 0 oklch(from var(--cre8-neutral-900) l c h / 0.08);\n --cre8-shadow-large: 0 8px 24px 0 oklch(from var(--cre8-neutral-900) l c h / 0.12);\n}\n\n/* ===========================================================================\n MODE — the 152 hand-maintained inverse tokens collapse to this block.\n Only the mode indirection is remapped; the semantic and component tiers\n re-resolve through it, so every component follows with no per-component\n work. The legacy --cre8-color-*-inverse-* names are still emitted above\n and still resolve to their original values.\n\n Put [data-mode] on <html> for the whole document, or pair it with\n [data-cre8-theme] on any element to scope the mode to that subtree.\n =========================================================================== */\n[data-mode=\"inverse\"] {\n --cre8-mode-bg-default: var(--cre8-neutral-800);\n --cre8-mode-bg-default-hover: var(--cre8-neutral-700);\n --cre8-mode-bg-subtle: var(--cre8-neutral-900);\n --cre8-mode-bg-strong: var(--cre8-neutral-50);\n --cre8-mode-bg-disabled: var(--cre8-neutral-700);\n --cre8-mode-bg-brand: var(--cre8-primary-900);\n --cre8-mode-bg-brand-hover: var(--cre8-primary-800);\n --cre8-mode-bg-brand-strong: var(--cre8-primary-300);\n --cre8-mode-bg-brand-strong-hover: var(--cre8-primary-200);\n --cre8-mode-content-default: var(--cre8-neutral-50);\n --cre8-mode-content-subtle: var(--cre8-neutral-400);\n --cre8-mode-content-disabled: var(--cre8-neutral-600);\n --cre8-mode-content-knockout: var(--cre8-neutral-900);\n --cre8-mode-content-brand: var(--cre8-primary-300);\n --cre8-mode-content-brand-strong: var(--cre8-primary-200);\n --cre8-mode-content-link: var(--cre8-primary-300);\n --cre8-mode-content-link-hover: var(--cre8-primary-200);\n --cre8-mode-border-default: var(--cre8-neutral-700);\n --cre8-mode-border-strong: var(--cre8-neutral-500);\n --cre8-mode-border-brand: var(--cre8-primary-300);\n}\n\n@media (prefers-color-scheme: dark) {\n [data-mode=\"auto\"] {\n --cre8-mode-bg-default: var(--cre8-neutral-800);\n --cre8-mode-bg-default-hover: var(--cre8-neutral-700);\n --cre8-mode-bg-subtle: var(--cre8-neutral-900);\n --cre8-mode-bg-strong: var(--cre8-neutral-50);\n --cre8-mode-bg-disabled: var(--cre8-neutral-700);\n --cre8-mode-bg-brand: var(--cre8-primary-900);\n --cre8-mode-bg-brand-hover: var(--cre8-primary-800);\n --cre8-mode-bg-brand-strong: var(--cre8-primary-300);\n --cre8-mode-bg-brand-strong-hover: var(--cre8-primary-200);\n --cre8-mode-content-default: var(--cre8-neutral-50);\n --cre8-mode-content-subtle: var(--cre8-neutral-400);\n --cre8-mode-content-disabled: var(--cre8-neutral-600);\n --cre8-mode-content-knockout: var(--cre8-neutral-900);\n --cre8-mode-content-brand: var(--cre8-primary-300);\n --cre8-mode-content-brand-strong: var(--cre8-primary-200);\n --cre8-mode-content-link: var(--cre8-primary-300);\n --cre8-mode-content-link-hover: var(--cre8-primary-200);\n --cre8-mode-border-default: var(--cre8-neutral-700);\n --cre8-mode-border-strong: var(--cre8-neutral-500);\n --cre8-mode-border-brand: var(--cre8-primary-300);\n }\n}\n\n/**\n * Brand gradient.\n *\n * cre8 has no gradient primitive, because until now no brand needed one. It is\n * the identity of cre8-vivid rather than decoration on top of it, so it belongs\n * with the tokens and not in an application stylesheet.\n */\n:root {\n --cre8-gradient-brand: linear-gradient(135deg, #4F46E5 0%, #06B6D4 100%);\n --cre8-gradient-brand-rich: linear-gradient(150deg, #4F46E5 0%, #6D28D9 42%, #06B6D4 100%);\n --cre8-gradient-brand-from: #4F46E5;\n --cre8-gradient-brand-to: #06B6D4;\n}\n\n/**\n * Dark mode.\n *\n * The sheet a2ui inherits gates dark values on \\`[data-mode=\"auto\"]\\`, which\n * means a page that never sets that attribute has no dark mode at all. These\n * are the same token names under \\`prefers-color-scheme\\`, so a plain page\n * follows the system. Accent hues step lighter — full-saturation indigo on\n * near-black does not hold enough contrast to read as text.\n */\n@media (prefers-color-scheme: dark) {\n :root {\n --cre8-color-bg-default: #111A30;\n --cre8-color-bg-default-hover: #18223C;\n --cre8-color-bg-default-active: #1E2947;\n --cre8-color-bg-subtle: #0D1425;\n --cre8-color-bg-strong: #E9EDF7;\n --cre8-color-bg-disabled: #1E2740;\n\n --cre8-color-bg-brand: #141A3A;\n --cre8-color-bg-brand-strong: #6366F1;\n --cre8-color-bg-brand-strong-hover: #818CF8;\n --cre8-color-bg-success: #06251B;\n --cre8-color-bg-error: #2A0B14;\n --cre8-color-bg-warning: #2A1C05;\n --cre8-color-bg-info: #141A3A;\n --cre8-color-bg-attention: #1E1440;\n\n --cre8-color-content-default: #E9EDF7;\n --cre8-color-content-subtle: #9AA3BF;\n --cre8-color-content-disabled: #5B6484;\n --cre8-color-content-brand: #A5B0FF;\n --cre8-color-content-brand-strong: #C7CDFF;\n --cre8-color-content-success: #34D399;\n --cre8-color-content-success-icon: #34D399;\n --cre8-color-content-error: #FB7185;\n --cre8-color-content-error-icon: #FB7185;\n --cre8-color-content-warning-icon: #FBBF24;\n --cre8-color-content-info-icon: #A5B0FF;\n --cre8-color-content-attention-icon: #C4B5FD;\n --cre8-color-content-link: #A5B0FF;\n\n --cre8-color-border-default: #1E2740;\n --cre8-color-border-strong: #39435F;\n\n --cre8-color-button-primary-bg: #6366F1;\n --cre8-color-button-primary-bg-hover: #818CF8;\n --cre8-color-button-primary-border: #6366F1;\n --cre8-color-button-primary-border-hover: #818CF8;\n\n --cre8-gradient-brand-rich: linear-gradient(150deg, #4338CA 0%, #6D28D9 45%, #0891B2 100%);\n }\n}\n:root{--cre8-typography-body-xlarge-font-family: var(--cre8-font-families-inter);\n --cre8-typography-body-xlarge-font-size: var(--cre8-font-size-5);\n --cre8-typography-body-xlarge-font-weight: var(--cre8-font-weights-inter-0);\n --cre8-typography-body-xlarge-line-height: var(--cre8-line-heights-7);\n --cre8-typography-body-xlarge-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-body-xlarge-text-transform: var(--cre8-text-case-none);\n--cre8-typography-body-xlarge-strong-font-family: var(--cre8-font-families-inter);\n --cre8-typography-body-xlarge-strong-font-size: var(--cre8-font-size-5);\n --cre8-typography-body-xlarge-strong-font-weight: var(--cre8-font-weights-inter-1);\n --cre8-typography-body-xlarge-strong-line-height: var(--cre8-line-heights-7);\n --cre8-typography-body-xlarge-strong-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-body-xlarge-strong-text-transform: var(--cre8-text-case-none);\n--cre8-typography-body-xlarge-link-font-family: var(--cre8-font-families-inter);\n --cre8-typography-body-xlarge-link-font-size: var(--cre8-font-size-5);\n --cre8-typography-body-xlarge-link-font-weight: var(--cre8-font-weights-inter-1);\n --cre8-typography-body-xlarge-link-line-height: var(--cre8-line-heights-7);\n --cre8-typography-body-xlarge-link-text-decoration: var(--cre8-text-decoration-underline);\n --cre8-typography-body-xlarge-link-text-transform: var(--cre8-text-case-none);\n--cre8-typography-body-large-font-family: var(--cre8-font-families-inter);\n --cre8-typography-body-large-font-size: var(--cre8-font-size-3);\n --cre8-typography-body-large-font-weight: var(--cre8-font-weights-inter-0);\n --cre8-typography-body-large-line-height: var(--cre8-line-heights-7);\n --cre8-typography-body-large-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-body-large-text-transform: var(--cre8-text-case-none);\n--cre8-typography-body-large-strong-font-family: var(--cre8-font-families-inter);\n --cre8-typography-body-large-strong-font-size: var(--cre8-font-size-3);\n --cre8-typography-body-large-strong-font-weight: var(--cre8-font-weights-inter-1);\n --cre8-typography-body-large-strong-line-height: var(--cre8-line-heights-7);\n --cre8-typography-body-large-strong-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-body-large-strong-text-transform: var(--cre8-text-case-none);\n--cre8-typography-body-default-font-family: var(--cre8-font-families-inter);\n --cre8-typography-body-default-font-size: var(--cre8-font-size-2);\n --cre8-typography-body-default-font-weight: var(--cre8-font-weights-inter-0);\n --cre8-typography-body-default-line-height: var(--cre8-line-heights-7);\n --cre8-typography-body-default-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-body-default-text-transform: var(--cre8-text-case-none);\n--cre8-typography-body-default-strong-font-family: var(--cre8-font-families-inter);\n --cre8-typography-body-default-strong-font-size: var(--cre8-font-size-2);\n --cre8-typography-body-default-strong-font-weight: var(--cre8-font-weights-inter-1);\n --cre8-typography-body-default-strong-line-height: var(--cre8-line-heights-7);\n --cre8-typography-body-default-strong-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-body-default-strong-text-transform: var(--cre8-text-case-none);\n--cre8-typography-body-small-font-family: var(--cre8-font-families-inter);\n --cre8-typography-body-small-font-size: var(--cre8-font-size-1);\n --cre8-typography-body-small-font-weight: var(--cre8-font-weights-inter-0);\n --cre8-typography-body-small-line-height: var(--cre8-line-heights-8);\n --cre8-typography-body-small-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-body-small-text-transform: var(--cre8-text-case-none);\n--cre8-typography-body-small-strong-font-family: var(--cre8-font-families-inter);\n --cre8-typography-body-small-strong-font-size: var(--cre8-font-size-1);\n --cre8-typography-body-small-strong-font-weight: var(--cre8-font-weights-inter-1);\n --cre8-typography-body-small-strong-line-height: var(--cre8-line-heights-8);\n --cre8-typography-body-small-strong-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-body-small-strong-text-transform: var(--cre8-text-case-none);\n--cre8-typography-body-large-link-font-family: var(--cre8-font-families-inter);\n --cre8-typography-body-large-link-font-size: var(--cre8-font-size-3);\n --cre8-typography-body-large-link-font-weight: var(--cre8-font-weights-inter-1);\n --cre8-typography-body-large-link-line-height: var(--cre8-line-heights-7);\n --cre8-typography-body-large-link-text-decoration: var(--cre8-text-decoration-underline);\n --cre8-typography-body-large-link-text-transform: var(--cre8-text-case-none);\n--cre8-typography-body-default-link-font-family: var(--cre8-font-families-inter);\n --cre8-typography-body-default-link-font-size: var(--cre8-font-size-2);\n --cre8-typography-body-default-link-font-weight: var(--cre8-font-weights-inter-1);\n --cre8-typography-body-default-link-line-height: var(--cre8-line-heights-7);\n --cre8-typography-body-default-link-text-decoration: var(--cre8-text-decoration-underline);\n --cre8-typography-body-default-link-text-transform: var(--cre8-text-case-none);\n--cre8-typography-body-small-link-font-family: var(--cre8-font-families-inter);\n --cre8-typography-body-small-link-font-size: var(--cre8-font-size-1);\n --cre8-typography-body-small-link-font-weight: var(--cre8-font-weights-inter-1);\n --cre8-typography-body-small-link-line-height: var(--cre8-line-heights-8);\n --cre8-typography-body-small-link-text-decoration: var(--cre8-text-decoration-underline);\n --cre8-typography-body-small-link-text-transform: var(--cre8-text-case-none);\n--cre8-typography-label-default-font-family: var(--cre8-font-families-inter);\n --cre8-typography-label-default-font-size: var(--cre8-font-size-2);\n --cre8-typography-label-default-font-weight: var(--cre8-font-weights-inter-1);\n --cre8-typography-label-default-line-height: var(--cre8-line-heights-7);\n --cre8-typography-label-default-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-label-default-text-transform: var(--cre8-text-case-none);\n--cre8-typography-label-large-font-family: var(--cre8-font-families-inter);\n --cre8-typography-label-large-font-size: var(--cre8-font-size-3);\n --cre8-typography-label-large-font-weight: var(--cre8-font-weights-inter-1);\n --cre8-typography-label-large-line-height: var(--cre8-line-heights-5);\n --cre8-typography-label-large-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-label-large-text-transform: var(--cre8-text-case-none);\n--cre8-typography-label-small-font-family: var(--cre8-font-families-inter);\n --cre8-typography-label-small-font-size: var(--cre8-font-size-1);\n --cre8-typography-label-small-font-weight: var(--cre8-font-weights-inter-1);\n --cre8-typography-label-small-line-height: var(--cre8-line-heights-7);\n --cre8-typography-label-small-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-label-small-text-transform: var(--cre8-text-case-none);\n--cre8-typography-title-xlarge-font-family: var(--cre8-font-families-inter);\n --cre8-typography-title-xlarge-font-size: var(--cre8-font-size-8);\n --cre8-typography-title-xlarge-font-weight: var(--cre8-font-weights-inter-1);\n --cre8-typography-title-xlarge-line-height: var(--cre8-line-heights-4);\n --cre8-typography-title-xlarge-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-title-xlarge-text-transform: var(--cre8-text-case-none);\n--cre8-typography-title-xlarge-mobile-font-family: var(--cre8-font-families-inter);\n --cre8-typography-title-xlarge-mobile-font-size: var(--cre8-font-size-7);\n --cre8-typography-title-xlarge-mobile-font-weight: var(--cre8-font-weights-inter-1);\n --cre8-typography-title-xlarge-mobile-line-height: var(--cre8-line-heights-4);\n --cre8-typography-title-xlarge-mobile-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-title-xlarge-mobile-text-transform: var(--cre8-text-case-none);\n--cre8-typography-title-large-font-family: var(--cre8-font-families-inter);\n --cre8-typography-title-large-font-size: var(--cre8-font-size-6);\n --cre8-typography-title-large-font-weight: var(--cre8-font-weights-inter-1);\n --cre8-typography-title-large-line-height: var(--cre8-line-heights-1);\n --cre8-typography-title-large-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-title-large-text-transform: var(--cre8-text-case-none);\n--cre8-typography-title-large-mobile-font-family: var(--cre8-font-families-inter);\n --cre8-typography-title-large-mobile-font-size: var(--cre8-font-size-5);\n --cre8-typography-title-large-mobile-font-weight: var(--cre8-font-weights-inter-1);\n --cre8-typography-title-large-mobile-line-height: var(--cre8-line-heights-1);\n --cre8-typography-title-large-mobile-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-title-large-mobile-text-transform: var(--cre8-text-case-none);\n--cre8-typography-title-default-font-family: var(--cre8-font-families-inter);\n --cre8-typography-title-default-font-size: var(--cre8-font-size-5);\n --cre8-typography-title-default-font-weight: var(--cre8-font-weights-inter-1);\n --cre8-typography-title-default-line-height: var(--cre8-line-heights-2);\n --cre8-typography-title-default-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-title-default-text-transform: var(--cre8-text-case-none);\n--cre8-typography-title-default-mobile-font-family: var(--cre8-font-families-inter);\n --cre8-typography-title-default-mobile-font-size: var(--cre8-font-size-3);\n --cre8-typography-title-default-mobile-font-weight: var(--cre8-font-weights-inter-1);\n --cre8-typography-title-default-mobile-line-height: var(--cre8-line-heights-2);\n --cre8-typography-title-default-mobile-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-title-default-mobile-text-transform: var(--cre8-text-case-none);\n--cre8-typography-title-small-font-family: var(--cre8-font-families-inter);\n --cre8-typography-title-small-font-size: var(--cre8-font-size-3);\n --cre8-typography-title-small-font-weight: var(--cre8-font-weights-inter-1);\n --cre8-typography-title-small-line-height: var(--cre8-line-heights-6);\n --cre8-typography-title-small-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-title-small-text-transform: var(--cre8-text-case-none);\n--cre8-typography-title-small-mobile-font-family: var(--cre8-font-families-inter);\n --cre8-typography-title-small-mobile-font-size: var(--cre8-font-size-2);\n --cre8-typography-title-small-mobile-font-weight: var(--cre8-font-weights-inter-1);\n --cre8-typography-title-small-mobile-line-height: var(--cre8-line-heights-6);\n --cre8-typography-title-small-mobile-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-title-small-mobile-text-transform: var(--cre8-text-case-none);\n--cre8-typography-headline-large-font-family: var(--cre8-font-families-inter);\n --cre8-typography-headline-large-font-size: var(--cre8-font-size-9);\n --cre8-typography-headline-large-font-weight: var(--cre8-font-weights-inter-3);\n --cre8-typography-headline-large-line-height: var(--cre8-line-heights-0);\n --cre8-typography-headline-large-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-headline-large-text-transform: var(--cre8-text-case-none);\n--cre8-typography-headline-large-mobile-font-family: var(--cre8-font-families-inter);\n --cre8-typography-headline-large-mobile-font-size: var(--cre8-font-size-8);\n --cre8-typography-headline-large-mobile-font-weight: var(--cre8-font-weights-inter-3);\n --cre8-typography-headline-large-mobile-line-height: var(--cre8-line-heights-0);\n --cre8-typography-headline-large-mobile-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-headline-large-mobile-text-transform: var(--cre8-text-case-none);\n--cre8-typography-headline-default-font-family: var(--cre8-font-families-inter);\n --cre8-typography-headline-default-font-size: var(--cre8-font-size-8);\n --cre8-typography-headline-default-font-weight: var(--cre8-font-weights-inter-3);\n --cre8-typography-headline-default-line-height: var(--cre8-line-heights-0);\n --cre8-typography-headline-default-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-headline-default-text-transform: var(--cre8-text-case-none);\n--cre8-typography-headline-default-mobile-font-family: var(--cre8-font-families-inter);\n --cre8-typography-headline-default-mobile-font-size: var(--cre8-font-size-7);\n --cre8-typography-headline-default-mobile-font-weight: var(--cre8-font-weights-inter-3);\n --cre8-typography-headline-default-mobile-line-height: var(--cre8-line-heights-0);\n --cre8-typography-headline-default-mobile-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-headline-default-mobile-text-transform: var(--cre8-text-case-none);\n--cre8-typography-headline-small-font-family: var(--cre8-font-families-inter);\n --cre8-typography-headline-small-font-size: var(--cre8-font-size-7);\n --cre8-typography-headline-small-font-weight: var(--cre8-font-weights-inter-3);\n --cre8-typography-headline-small-line-height: var(--cre8-line-heights-0);\n --cre8-typography-headline-small-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-headline-small-text-transform: var(--cre8-text-case-none);\n--cre8-typography-headline-small-mobile-font-family: var(--cre8-font-families-inter);\n --cre8-typography-headline-small-mobile-font-size: var(--cre8-font-size-6);\n --cre8-typography-headline-small-mobile-font-weight: var(--cre8-font-weights-inter-3);\n --cre8-typography-headline-small-mobile-line-height: var(--cre8-line-heights-0);\n --cre8-typography-headline-small-mobile-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-headline-small-mobile-text-transform: var(--cre8-text-case-none);\n--cre8-typography-headline-xsmall-font-family: var(--cre8-font-families-inter);\n --cre8-typography-headline-xsmall-font-size: var(--cre8-font-size-5);\n --cre8-typography-headline-xsmall-font-weight: var(--cre8-font-weights-inter-3);\n --cre8-typography-headline-xsmall-line-height: var(--cre8-line-heights-0);\n --cre8-typography-headline-xsmall-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-headline-xsmall-text-transform: var(--cre8-text-case-none);\n--cre8-typography-headline-xsmall-mobile-font-family: var(--cre8-font-families-inter);\n --cre8-typography-headline-xsmall-mobile-font-size: var(--cre8-font-size-5);\n --cre8-typography-headline-xsmall-mobile-font-weight: var(--cre8-font-weights-inter-3);\n --cre8-typography-headline-xsmall-mobile-line-height: var(--cre8-line-heights-0);\n --cre8-typography-headline-xsmall-mobile-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-headline-xsmall-mobile-text-transform: var(--cre8-text-case-none);\n--cre8-typography-display-large-font-family: var(--cre8-font-families-inter);\n --cre8-typography-display-large-font-size: var(--cre8-font-size-13);\n --cre8-typography-display-large-font-weight: var(--cre8-font-weights-inter-2);\n --cre8-typography-display-large-line-height: var(--cre8-line-heights-0);\n --cre8-typography-display-large-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-display-large-text-transform: var(--cre8-text-case-none);\n--cre8-typography-display-large-mobile-font-family: var(--cre8-font-families-inter);\n --cre8-typography-display-large-mobile-font-size: var(--cre8-font-size-12);\n --cre8-typography-display-large-mobile-font-weight: var(--cre8-font-weights-inter-2);\n --cre8-typography-display-large-mobile-line-height: var(--cre8-line-heights-0);\n --cre8-typography-display-large-mobile-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-display-large-mobile-text-transform: var(--cre8-text-case-none);\n--cre8-typography-display-default-font-family: var(--cre8-font-families-inter);\n --cre8-typography-display-default-font-size: var(--cre8-font-size-11);\n --cre8-typography-display-default-font-weight: var(--cre8-font-weights-inter-2);\n --cre8-typography-display-default-line-height: var(--cre8-line-heights-0);\n --cre8-typography-display-default-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-display-default-text-transform: var(--cre8-text-case-none);\n--cre8-typography-display-default-mobile-font-family: var(--cre8-font-families-inter);\n --cre8-typography-display-default-mobile-font-size: var(--cre8-font-size-10);\n --cre8-typography-display-default-mobile-font-weight: var(--cre8-font-weights-inter-2);\n --cre8-typography-display-default-mobile-line-height: var(--cre8-line-heights-0);\n --cre8-typography-display-default-mobile-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-display-default-mobile-text-transform: var(--cre8-text-case-none);\n--cre8-typography-display-small-font-family: var(--cre8-font-families-inter);\n --cre8-typography-display-small-font-size: var(--cre8-font-size-9);\n --cre8-typography-display-small-font-weight: var(--cre8-font-weights-inter-2);\n --cre8-typography-display-small-line-height: var(--cre8-line-heights-0);\n --cre8-typography-display-small-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-display-small-text-transform: var(--cre8-text-case-none);\n--cre8-typography-display-small-mobile-font-family: var(--cre8-font-families-inter);\n --cre8-typography-display-small-mobile-font-size: var(--cre8-font-size-8);\n --cre8-typography-display-small-mobile-font-weight: var(--cre8-font-weights-inter-2);\n --cre8-typography-display-small-mobile-line-height: var(--cre8-line-heights-0);\n --cre8-typography-display-small-mobile-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-display-small-mobile-text-transform: var(--cre8-text-case-none);\n--cre8-typography-meta-default-font-family: var(--cre8-font-families-inter);\n --cre8-typography-meta-default-font-size: var(--cre8-font-size-2);\n --cre8-typography-meta-default-font-weight: var(--cre8-font-weights-inter-2);\n --cre8-typography-meta-default-line-height: var(--cre8-line-heights-3);\n --cre8-typography-meta-default-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-meta-default-text-transform: var(--cre8-text-case-uppercase);\n--cre8-typography-meta-default-sentence-case-font-family: var(--cre8-font-families-inter);\n --cre8-typography-meta-default-sentence-case-font-size: var(--cre8-font-size-2);\n --cre8-typography-meta-default-sentence-case-font-weight: var(--cre8-font-weights-inter-2);\n --cre8-typography-meta-default-sentence-case-line-height: var(--cre8-line-heights-11);\n --cre8-typography-meta-default-sentence-case-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-meta-default-sentence-case-text-transform: var(--cre8-text-case-none);\n--cre8-typography-meta-large-font-family: var(--cre8-font-families-inter);\n --cre8-typography-meta-large-font-size: var(--cre8-font-size-4);\n --cre8-typography-meta-large-font-weight: var(--cre8-font-weights-inter-2);\n --cre8-typography-meta-large-line-height: var(--cre8-line-heights-3);\n --cre8-typography-meta-large-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-meta-large-text-transform: var(--cre8-text-case-uppercase);\n--cre8-typography-meta-small-font-family: var(--cre8-font-families-inter);\n --cre8-typography-meta-small-font-size: var(--cre8-font-size-1);\n --cre8-typography-meta-small-font-weight: var(--cre8-font-weights-inter-2);\n --cre8-typography-meta-small-line-height: var(--cre8-line-heights-3);\n --cre8-typography-meta-small-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-meta-small-text-transform: var(--cre8-text-case-uppercase);}\n`;\n\nexport default vivid;\n"]}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* whitelabel ships no custom typeface on purpose — --cre8-seed-font resolves
|
|
3
|
+
* to the system font stack, so there is nothing to declare here. Once an
|
|
4
|
+
* integrator reseeds --cre8-seed-font to a real brand typeface, that
|
|
5
|
+
* typeface's own @font-face rules (if it isn't a system/Google font) belong
|
|
6
|
+
* in the integrator's own stylesheet, loaded after this one.
|
|
7
|
+
*/
|