@tmorrow/cre8-wc 2.3.1 → 2.3.3
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-kg.json +6837 -116
- package/a2ui/catalog.compact.json +3 -3
- package/a2ui/catalog.json +73 -73
- package/a2ui/check-deploy-drift.mjs +147 -0
- package/a2ui/generate-catalog-kg.mjs +194 -18
- package/a2ui/kg-sources.mjs +291 -0
- package/a2ui/patterns/alert-banner.json +16 -0
- package/a2ui/patterns/data-table.json +67 -0
- package/a2ui/patterns/login-form.json +55 -0
- package/a2ui/patterns/modal-dialog.json +47 -0
- package/a2ui/patterns/page-layout.json +55 -0
- package/a2ui/patterns/tabbed-content.json +37 -0
- package/dist/assets/{Changelog-Documentation-DOFtrp0l.js → Changelog-Documentation-CqEtEpqZ.js} +1 -1
- package/dist/assets/{Code-Guidelines-DOpFovRV.js → Code-Guidelines-CFbBlPmN.js} +1 -1
- package/dist/assets/{Color-6AOWCN3U-BTESbN-y.js → Color-6AOWCN3U-DM-zQqdC.js} +1 -1
- package/dist/assets/{Contributing-Guidelines-CiT1zg3Q.js → Contributing-Guidelines-BHJr0BHq.js} +1 -1
- package/dist/assets/{DocsRenderer-JROSPFPF-CmyeTng-.js → DocsRenderer-JROSPFPF-uFDXVFPd.js} +1 -1
- package/dist/assets/{Tokens-Documentation-fmAKrN46.js → Tokens-Documentation-CY5JxkGx.js} +1 -1
- package/dist/assets/{WithTooltip-7X4HQR7L-Dpmimnc2.js → WithTooltip-7X4HQR7L-CO_HByyB.js} +1 -1
- package/dist/assets/{accordion-item.stories-C9Bb64L6.js → accordion-item.stories-CJ6Vrp8e.js} +1 -1
- package/dist/assets/{accordion.stories-C8BjZxDt.js → accordion.stories-OtOW579e.js} +1 -1
- package/dist/assets/{address-form.stories-ScjvN6iD.js → address-form.stories-VIeBqTdT.js} +1 -1
- package/dist/assets/{alert.stories-CzqQEZwk.js → alert.stories-B2WH8OHX.js} +1 -1
- package/dist/assets/{badge-DcS8KYQD.js → badge-BaHD2Vou.js} +1 -1
- package/dist/assets/{badge.stories-Bc-yiiuH.js → badge.stories-CBeEWNWQ.js} +1 -1
- package/dist/assets/{band.stories-D9kccmGR.js → band.stories-xEmGlzXn.js} +1 -1
- package/dist/assets/{blocks-C_CCjW0W.js → blocks-3OvhvkwV.js} +5 -5
- package/dist/assets/{breadcrumbs.stories-DVucmPSY.js → breadcrumbs.stories-BlRqZe5S.js} +1 -1
- package/dist/assets/{button-DveXG-ss.js → button-CiCiGZqD.js} +1 -1
- package/dist/assets/{button-group-jImwLK6C.js → button-group-4xtKtobB.js} +1 -1
- package/dist/assets/{button-group.stories-C79ddoQs.js → button-group.stories-DLcC16Zz.js} +1 -1
- package/dist/assets/{button.stories-8k8QO5YH.js → button.stories-BAZz2sid.js} +1 -1
- package/dist/assets/{card-BH9ImBMA.js → card-BMNc1blS.js} +1 -1
- package/dist/assets/{card.stories-BSi6kF0g.js → card.stories-BoEOCkv2.js} +1 -1
- package/dist/assets/{chart.stories-BSqnOQgJ.js → chart.stories-u1GFgfpR.js} +1 -1
- package/dist/assets/{checkbox-field-item-BEC6dGE4.js → checkbox-field-item-BxyLZmsj.js} +1 -1
- package/dist/assets/{checkbox-field-item.stories-CUv16wmO.js → checkbox-field-item.stories-jkgmvp5k.js} +1 -1
- package/dist/assets/{checkbox-field.stories-DqPhKSJO.js → checkbox-field.stories-Djg4RLw2.js} +1 -1
- package/dist/assets/{cre8-element-5D-9EYYr.js → cre8-element-D5K1i-hj.js} +1 -1
- package/dist/assets/{cre8-form-element-CNXiLVOR.js → cre8-form-element-CHwXJGtF.js} +1 -1
- package/dist/assets/{danger-button.stories-LylzneXF.js → danger-button.stories-C9AiulD_.js} +1 -1
- package/dist/assets/{date-picker.stories-p9PLWnWO.js → date-picker.stories-Dpn8gMnP.js} +1 -1
- package/dist/assets/{divider-CGOVnVcb.js → divider-AdBqL-zc.js} +1 -1
- package/dist/assets/{divider.stories-DOsvRVXD.js → divider.stories-4oDueXSE.js} +1 -1
- package/dist/assets/{dropdown-Dw6J0VB-.js → dropdown-DAs-rC6g.js} +1 -1
- package/dist/assets/{dropdown-item.stories-BQ30eir7.js → dropdown-item.stories-D3WJ9ShB.js} +1 -1
- package/dist/assets/{dropdown.stories-CyDYe6KW.js → dropdown.stories-Cjxzzl0F.js} +1 -1
- package/dist/assets/{f-po-BQd7CCl4.js → f-po-avkL0WKN.js} +1 -1
- package/dist/assets/{feature.stories-Cscqh_iq.js → feature.stories-Bjv4lFtH.js} +1 -1
- package/dist/assets/{field-MMWcTliE.js → field-CSA6v9H7.js} +1 -1
- package/dist/assets/{field-note-Bpw7_N-2.js → field-note-Csk21cEK.js} +1 -1
- package/dist/assets/{field-note.stories-CF6YSXo4.js → field-note.stories-3W5HCEAC.js} +1 -1
- package/dist/assets/{field.stories-khpMJCm2.js → field.stories-ef1JeKNZ.js} +1 -1
- package/dist/assets/{field.styles-BoG5epfO.js → field.styles-DkhzBNRn.js} +1 -1
- package/dist/assets/{footer.stories-B98beiAi.js → footer.stories-CiaJKJYZ.js} +1 -1
- package/dist/assets/{form-DeL212s2.js → form-Djzj-His.js} +1 -1
- package/dist/assets/{form.stories-DODF6MTZ.js → form.stories-ClULJmoZ.js} +1 -1
- package/dist/assets/{formatter-L2YTDE3Q-BZOYlppp.js → formatter-L2YTDE3Q-DY-TPbND.js} +1 -1
- package/dist/assets/{global-nav-item-M_Bh-USr.js → global-nav-item-BUEafIsj.js} +1 -1
- package/dist/assets/{global-nav-item.stories-D1rYGmTZ.js → global-nav-item.stories-Ft_7-AsJ.js} +1 -1
- package/dist/assets/{global-nav.stories-Bao3NLXU.js → global-nav.stories-BRGML-UE.js} +1 -1
- package/dist/assets/{grid-item-C33Dx1PK.js → grid-item-Cp0DHPib.js} +1 -1
- package/dist/assets/{grid.stories-B52T8r0W.js → grid.stories-DjdNcH-_.js} +1 -1
- package/dist/assets/{header.stories-DJ9o8w_2.js → header.stories-mQtspj2u.js} +1 -1
- package/dist/assets/{heading-B0taz64_.js → heading-qb0Njg_A.js} +1 -1
- package/dist/assets/{heading.stories-Bcl5rWGp.js → heading.stories-DUxGqRBF.js} +1 -1
- package/dist/assets/{hero.stories-CFfC1SdJ.js → hero.stories-DKjYGSJm.js} +1 -1
- package/dist/assets/{icon-1uQoSddP.js → icon-BizEL6HD.js} +1 -1
- package/dist/assets/{icon.stories-B2ObVxZM.js → icon.stories-CCawFOB4.js} +1 -1
- package/dist/assets/if-defined-wpPiA2T8.js +1 -0
- package/dist/assets/{iframe-Xcrj_hym.js → iframe-D9xUwXG_.js} +1036 -129
- package/dist/assets/{inline-alert.stories-BF5eiNA0.js → inline-alert.stories-CNeTpTij.js} +1 -1
- package/dist/assets/{layout-container.stories-BR3VmdO_.js → layout-container.stories-Bk-1Tze8.js} +1 -1
- package/dist/assets/{layout.stories-BYDxp7cP.js → layout.stories-C1xGgJah.js} +1 -1
- package/dist/assets/{linelength-container.stories-DexAK0U3.js → linelength-container.stories-DbptqKPX.js} +1 -1
- package/dist/assets/{link-DTIPpEoL.js → link-CT2dZQ9U.js} +1 -1
- package/dist/assets/{link-list.stories-CJrrudo_.js → link-list.stories-pG_4Vunv.js} +1 -1
- package/dist/assets/{link.stories-CcPCOGBJ.js → link.stories-CuMYpJx3.js} +1 -1
- package/dist/assets/{list.stories-yO9LkJAF.js → list.stories-DgYMukeC.js} +1 -1
- package/dist/assets/{loading-spinner-CB4fUQUZ.js → loading-spinner-DYXTVW2W.js} +1 -1
- package/dist/assets/{loading-spinner.stories-DX_a1FDd.js → loading-spinner.stories-L5JWe98i.js} +1 -1
- package/dist/assets/{logo.stories-BzchSODP.js → logo.stories-DCQyXttJ.js} +1 -1
- package/dist/assets/{main.stories-BUCeYuaP.js → main.stories-BLorqHyS.js} +1 -1
- package/dist/assets/{modal-Cy3trDel.js → modal-BWM6Yta0.js} +1 -1
- package/dist/assets/{modal-DkSg_-L1.js → modal-D_W7oK1F.js} +1 -1
- package/dist/assets/{modal.stories-MArx7xER.js → modal.stories-CFH2G_nN.js} +1 -1
- package/dist/assets/{multi-select.stories-DovUtQeg.js → multi-select.stories-Db5cW_hk.js} +1 -1
- package/dist/assets/{nav-container.stories-JIi3T3ZH.js → nav-container.stories-C6xKUbkC.js} +1 -1
- package/dist/assets/{page-header.stories-UG8CW21H.js → page-header.stories-Cs_nSpCz.js} +1 -1
- package/dist/assets/{pagination.stories-Dt4t691F.js → pagination.stories-C21hnoiL.js} +1 -1
- package/dist/assets/{percent-bar.stories-Yd22_Y0-.js → percent-bar.stories-Bbx6-i6P.js} +1 -1
- package/dist/assets/{popover.stories-CYGGIeZB.js → popover.stories-CaFsglpD.js} +1 -1
- package/dist/assets/{primary-nav.stories-DKsO9kZG.js → primary-nav.stories-Bj3xi9Qf.js} +1 -1
- package/dist/assets/{progress-meter-DI2runk8.js → progress-meter-Dp19H0Xh.js} +1 -1
- package/dist/assets/{progress-meter.stories-CGPZ5hGE.js → progress-meter.stories-Bc_xLPTA.js} +1 -1
- package/dist/assets/{progress-steps-item-B31UPMMA.js → progress-steps-item-CvZ2ZvMJ.js} +1 -1
- package/dist/assets/{progress-steps-item.stories-DjL2E6NP.js → progress-steps-item.stories-CWrGqOTb.js} +1 -1
- package/dist/assets/{progress-steps.stories-Bqao2HX_.js → progress-steps.stories-DRTdqJs6.js} +1 -1
- package/dist/assets/{radio-field-item-C0bshxVl.js → radio-field-item-BaxVLzAW.js} +1 -1
- package/dist/assets/{radio-field-item.stories-mGDgsH2y.js → radio-field-item.stories-BWQ3G44O.js} +1 -1
- package/dist/assets/{radio-field.stories-DPQEn2nB.js → radio-field.stories-Cnn20_Kz.js} +1 -1
- package/dist/assets/{remove-tag-DggKf8tv.js → remove-tag-Cf4NBqwo.js} +1 -1
- package/dist/assets/{remove-tag.stories-BEv98h4W.js → remove-tag.stories-CoJSVyVK.js} +1 -1
- package/dist/assets/{sample-modal.stories-hH-pQmLW.js → sample-modal.stories-NX9_kHZV.js} +1 -1
- package/dist/assets/{section.stories-257ppaeU.js → section.stories-DT05zfq0.js} +1 -1
- package/dist/assets/{select-tile-EhbY9v0c.js → select-tile-C6q0G-eR.js} +1 -1
- package/dist/assets/{select-tile-list.stories-czP31ahg.js → select-tile-list.stories-BlsFhm8A.js} +1 -1
- package/dist/assets/{select-tile.stories-BSuQVXhf.js → select-tile.stories-BtDSND1I.js} +1 -1
- package/dist/assets/{select.stories-q_WTHHRz.js → select.stories-Uhlp4vTk.js} +1 -1
- package/dist/assets/{sign-in.stories-CwImT7MX.js → sign-in.stories-KxKsiJ_I.js} +1 -1
- package/dist/assets/{skeleton-loader.stories-CQKGkhsk.js → skeleton-loader.stories-x9NwCuB-.js} +1 -1
- package/dist/assets/{split-button.stories-ZNBQ2SNu.js → split-button.stories-CCIV9PcN.js} +1 -1
- package/dist/assets/{spread-CLDPfDo7.js → spread-vYBk3OyG.js} +1 -1
- package/dist/assets/state-CmxD4Gm2.js +1 -0
- package/dist/assets/{submenu.stories-C2HQ7S0-.js → submenu.stories-1CeMD-88.js} +1 -1
- package/dist/assets/{syntaxhighlighter-T5IQBZDB-Dt5CQpEL.js → syntaxhighlighter-T5IQBZDB-DuUtDK1L.js} +1 -1
- package/dist/assets/{table-header-KMJz4lGv.js → table-header-CZPZJkh2.js} +1 -1
- package/dist/assets/{table-object.stories-8JpO7mEP.js → table-object.stories-CHsIkZpI.js} +1 -1
- package/dist/assets/{table.stories-DY4MKiQU.js → table.stories-CyEogQEe.js} +1 -1
- package/dist/assets/{tabs.stories-CtqjM6cH.js → tabs.stories-BG4W0bJP.js} +1 -1
- package/dist/assets/{tag-cdmFcZjR.js → tag-BAIhnGky.js} +1 -1
- package/dist/assets/{tag-list.stories-CcRDtQOH.js → tag-list.stories-CxaYf2iP.js} +1 -1
- package/dist/assets/{tag.stories-CibxsGkC.js → tag.stories-D_wvVPgy.js} +1 -1
- package/dist/assets/{tertiary-nav.stories-BmuDNMGm.js → tertiary-nav.stories-IRAOuBTV.js} +1 -1
- package/dist/assets/{text-link-BfepDxf2.js → text-link-DKSggeI1.js} +1 -1
- package/dist/assets/{text-link.stories-DD914cTl.js → text-link.stories-1rElTFk_.js} +1 -1
- package/dist/assets/{text-passage-t4zdIHJW.js → text-passage-C4_koZMT.js} +1 -1
- package/dist/assets/{text-passage.stories-_NygxSJU.js → text-passage.stories-C5Khi4NI.js} +1 -1
- package/dist/assets/{tooltip.stories-DjcebD_S.js → tooltip.stories-Dn8VewDb.js} +1 -1
- package/dist/assets/{utility-nav.stories-DOj5F9A3.js → utility-nav.stories-cvQfZkXb.js} +1 -1
- package/dist/design-tokens/brands/cre8-vivid/css/assets/fonts/PlusJakartaSans-Bold.woff2 +0 -0
- package/dist/design-tokens/brands/cre8-vivid/css/assets/fonts/PlusJakartaSans-LatinExt.woff2 +0 -0
- package/dist/design-tokens/brands/cre8-vivid/css/assets/fonts/PlusJakartaSans-Medium.woff2 +0 -0
- package/dist/design-tokens/brands/cre8-vivid/css/assets/fonts/PlusJakartaSans-Regular.woff2 +0 -0
- package/dist/design-tokens/brands/cre8-vivid/css/assets/fonts/PlusJakartaSans-SemiBold.woff2 +0 -0
- package/dist/design-tokens/brands/cre8-vivid/css/fonts.css +31 -0
- package/dist/design-tokens/brands/cre8-vivid/css/tokens_brand.css +609 -0
- package/dist/design-tokens/brands/cre8-vivid/css/tokens_cre8-vivid.css +248 -0
- 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/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 +20 -0
- package/lib/design-tokens/brands/cre8-a2ui/css/tokens_cre8-a2ui.module.js.map +1 -1
- package/lib/design-tokens/brands/cre8-vivid/css/assets/fonts/PlusJakartaSans-Bold.woff2 +0 -0
- package/lib/design-tokens/brands/cre8-vivid/css/assets/fonts/PlusJakartaSans-LatinExt.woff2 +0 -0
- package/lib/design-tokens/brands/cre8-vivid/css/assets/fonts/PlusJakartaSans-Medium.woff2 +0 -0
- package/lib/design-tokens/brands/cre8-vivid/css/assets/fonts/PlusJakartaSans-Regular.woff2 +0 -0
- package/lib/design-tokens/brands/cre8-vivid/css/assets/fonts/PlusJakartaSans-SemiBold.woff2 +0 -0
- package/lib/design-tokens/brands/cre8-vivid/css/fonts.css +31 -0
- package/lib/design-tokens/brands/cre8-vivid/css/tokens_brand.css +609 -0
- package/lib/design-tokens/brands/cre8-vivid/css/tokens_cre8-vivid.css +248 -0
- package/lib/design-tokens/brands/cre8-vivid/css/tokens_cre8-vivid.module.d.ts +3 -0
- package/lib/design-tokens/brands/cre8-vivid/css/tokens_cre8-vivid.module.d.ts.map +1 -0
- package/lib/design-tokens/brands/cre8-vivid/css/tokens_cre8-vivid.module.js +890 -0
- package/lib/design-tokens/brands/cre8-vivid/css/tokens_cre8-vivid.module.js.map +1 -0
- package/lib/scripts/generate-mcp-manifest.js +1 -0
- package/lib/scripts/generate-mcp-manifest.js.map +1 -1
- package/mcp-manifest.json +21 -21
- package/package.json +2 -1
- package/react-manifest.json +19 -19
- package/dist/assets/if-defined-Ds7WzQ_M.js +0 -1
- package/dist/assets/state-aQwEJ_0z.js +0 -1
|
@@ -0,0 +1,248 @@
|
|
|
1
|
+
@import './tokens_brand.css';
|
|
2
|
+
@import './fonts.css';
|
|
3
|
+
:root{--cre8-typography-body-xlarge-font-family: var(--cre8-font-families-inter);
|
|
4
|
+
--cre8-typography-body-xlarge-font-size: var(--cre8-font-size-5);
|
|
5
|
+
--cre8-typography-body-xlarge-font-weight: var(--cre8-font-weights-inter-0);
|
|
6
|
+
--cre8-typography-body-xlarge-line-height: var(--cre8-line-heights-7);
|
|
7
|
+
--cre8-typography-body-xlarge-text-decoration: var(--cre8-text-decoration-none);
|
|
8
|
+
--cre8-typography-body-xlarge-text-transform: var(--cre8-text-case-none);
|
|
9
|
+
--cre8-typography-body-xlarge-strong-font-family: var(--cre8-font-families-inter);
|
|
10
|
+
--cre8-typography-body-xlarge-strong-font-size: var(--cre8-font-size-5);
|
|
11
|
+
--cre8-typography-body-xlarge-strong-font-weight: var(--cre8-font-weights-inter-1);
|
|
12
|
+
--cre8-typography-body-xlarge-strong-line-height: var(--cre8-line-heights-7);
|
|
13
|
+
--cre8-typography-body-xlarge-strong-text-decoration: var(--cre8-text-decoration-none);
|
|
14
|
+
--cre8-typography-body-xlarge-strong-text-transform: var(--cre8-text-case-none);
|
|
15
|
+
--cre8-typography-body-xlarge-link-font-family: var(--cre8-font-families-inter);
|
|
16
|
+
--cre8-typography-body-xlarge-link-font-size: var(--cre8-font-size-5);
|
|
17
|
+
--cre8-typography-body-xlarge-link-font-weight: var(--cre8-font-weights-inter-1);
|
|
18
|
+
--cre8-typography-body-xlarge-link-line-height: var(--cre8-line-heights-7);
|
|
19
|
+
--cre8-typography-body-xlarge-link-text-decoration: var(--cre8-text-decoration-underline);
|
|
20
|
+
--cre8-typography-body-xlarge-link-text-transform: var(--cre8-text-case-none);
|
|
21
|
+
--cre8-typography-body-large-font-family: var(--cre8-font-families-inter);
|
|
22
|
+
--cre8-typography-body-large-font-size: var(--cre8-font-size-3);
|
|
23
|
+
--cre8-typography-body-large-font-weight: var(--cre8-font-weights-inter-0);
|
|
24
|
+
--cre8-typography-body-large-line-height: var(--cre8-line-heights-7);
|
|
25
|
+
--cre8-typography-body-large-text-decoration: var(--cre8-text-decoration-none);
|
|
26
|
+
--cre8-typography-body-large-text-transform: var(--cre8-text-case-none);
|
|
27
|
+
--cre8-typography-body-large-strong-font-family: var(--cre8-font-families-inter);
|
|
28
|
+
--cre8-typography-body-large-strong-font-size: var(--cre8-font-size-3);
|
|
29
|
+
--cre8-typography-body-large-strong-font-weight: var(--cre8-font-weights-inter-1);
|
|
30
|
+
--cre8-typography-body-large-strong-line-height: var(--cre8-line-heights-7);
|
|
31
|
+
--cre8-typography-body-large-strong-text-decoration: var(--cre8-text-decoration-none);
|
|
32
|
+
--cre8-typography-body-large-strong-text-transform: var(--cre8-text-case-none);
|
|
33
|
+
--cre8-typography-body-default-font-family: var(--cre8-font-families-inter);
|
|
34
|
+
--cre8-typography-body-default-font-size: var(--cre8-font-size-2);
|
|
35
|
+
--cre8-typography-body-default-font-weight: var(--cre8-font-weights-inter-0);
|
|
36
|
+
--cre8-typography-body-default-line-height: var(--cre8-line-heights-7);
|
|
37
|
+
--cre8-typography-body-default-text-decoration: var(--cre8-text-decoration-none);
|
|
38
|
+
--cre8-typography-body-default-text-transform: var(--cre8-text-case-none);
|
|
39
|
+
--cre8-typography-body-default-strong-font-family: var(--cre8-font-families-inter);
|
|
40
|
+
--cre8-typography-body-default-strong-font-size: var(--cre8-font-size-2);
|
|
41
|
+
--cre8-typography-body-default-strong-font-weight: var(--cre8-font-weights-inter-1);
|
|
42
|
+
--cre8-typography-body-default-strong-line-height: var(--cre8-line-heights-7);
|
|
43
|
+
--cre8-typography-body-default-strong-text-decoration: var(--cre8-text-decoration-none);
|
|
44
|
+
--cre8-typography-body-default-strong-text-transform: var(--cre8-text-case-none);
|
|
45
|
+
--cre8-typography-body-small-font-family: var(--cre8-font-families-inter);
|
|
46
|
+
--cre8-typography-body-small-font-size: var(--cre8-font-size-1);
|
|
47
|
+
--cre8-typography-body-small-font-weight: var(--cre8-font-weights-inter-0);
|
|
48
|
+
--cre8-typography-body-small-line-height: var(--cre8-line-heights-8);
|
|
49
|
+
--cre8-typography-body-small-text-decoration: var(--cre8-text-decoration-none);
|
|
50
|
+
--cre8-typography-body-small-text-transform: var(--cre8-text-case-none);
|
|
51
|
+
--cre8-typography-body-small-strong-font-family: var(--cre8-font-families-inter);
|
|
52
|
+
--cre8-typography-body-small-strong-font-size: var(--cre8-font-size-1);
|
|
53
|
+
--cre8-typography-body-small-strong-font-weight: var(--cre8-font-weights-inter-1);
|
|
54
|
+
--cre8-typography-body-small-strong-line-height: var(--cre8-line-heights-8);
|
|
55
|
+
--cre8-typography-body-small-strong-text-decoration: var(--cre8-text-decoration-none);
|
|
56
|
+
--cre8-typography-body-small-strong-text-transform: var(--cre8-text-case-none);
|
|
57
|
+
--cre8-typography-body-large-link-font-family: var(--cre8-font-families-inter);
|
|
58
|
+
--cre8-typography-body-large-link-font-size: var(--cre8-font-size-3);
|
|
59
|
+
--cre8-typography-body-large-link-font-weight: var(--cre8-font-weights-inter-1);
|
|
60
|
+
--cre8-typography-body-large-link-line-height: var(--cre8-line-heights-7);
|
|
61
|
+
--cre8-typography-body-large-link-text-decoration: var(--cre8-text-decoration-underline);
|
|
62
|
+
--cre8-typography-body-large-link-text-transform: var(--cre8-text-case-none);
|
|
63
|
+
--cre8-typography-body-default-link-font-family: var(--cre8-font-families-inter);
|
|
64
|
+
--cre8-typography-body-default-link-font-size: var(--cre8-font-size-2);
|
|
65
|
+
--cre8-typography-body-default-link-font-weight: var(--cre8-font-weights-inter-1);
|
|
66
|
+
--cre8-typography-body-default-link-line-height: var(--cre8-line-heights-7);
|
|
67
|
+
--cre8-typography-body-default-link-text-decoration: var(--cre8-text-decoration-underline);
|
|
68
|
+
--cre8-typography-body-default-link-text-transform: var(--cre8-text-case-none);
|
|
69
|
+
--cre8-typography-body-small-link-font-family: var(--cre8-font-families-inter);
|
|
70
|
+
--cre8-typography-body-small-link-font-size: var(--cre8-font-size-1);
|
|
71
|
+
--cre8-typography-body-small-link-font-weight: var(--cre8-font-weights-inter-1);
|
|
72
|
+
--cre8-typography-body-small-link-line-height: var(--cre8-line-heights-8);
|
|
73
|
+
--cre8-typography-body-small-link-text-decoration: var(--cre8-text-decoration-underline);
|
|
74
|
+
--cre8-typography-body-small-link-text-transform: var(--cre8-text-case-none);
|
|
75
|
+
--cre8-typography-label-default-font-family: var(--cre8-font-families-inter);
|
|
76
|
+
--cre8-typography-label-default-font-size: var(--cre8-font-size-2);
|
|
77
|
+
--cre8-typography-label-default-font-weight: var(--cre8-font-weights-inter-1);
|
|
78
|
+
--cre8-typography-label-default-line-height: var(--cre8-line-heights-7);
|
|
79
|
+
--cre8-typography-label-default-text-decoration: var(--cre8-text-decoration-none);
|
|
80
|
+
--cre8-typography-label-default-text-transform: var(--cre8-text-case-none);
|
|
81
|
+
--cre8-typography-label-large-font-family: var(--cre8-font-families-inter);
|
|
82
|
+
--cre8-typography-label-large-font-size: var(--cre8-font-size-3);
|
|
83
|
+
--cre8-typography-label-large-font-weight: var(--cre8-font-weights-inter-1);
|
|
84
|
+
--cre8-typography-label-large-line-height: var(--cre8-line-heights-5);
|
|
85
|
+
--cre8-typography-label-large-text-decoration: var(--cre8-text-decoration-none);
|
|
86
|
+
--cre8-typography-label-large-text-transform: var(--cre8-text-case-none);
|
|
87
|
+
--cre8-typography-label-small-font-family: var(--cre8-font-families-inter);
|
|
88
|
+
--cre8-typography-label-small-font-size: var(--cre8-font-size-1);
|
|
89
|
+
--cre8-typography-label-small-font-weight: var(--cre8-font-weights-inter-1);
|
|
90
|
+
--cre8-typography-label-small-line-height: var(--cre8-line-heights-7);
|
|
91
|
+
--cre8-typography-label-small-text-decoration: var(--cre8-text-decoration-none);
|
|
92
|
+
--cre8-typography-label-small-text-transform: var(--cre8-text-case-none);
|
|
93
|
+
--cre8-typography-title-xlarge-font-family: var(--cre8-font-families-inter);
|
|
94
|
+
--cre8-typography-title-xlarge-font-size: var(--cre8-font-size-8);
|
|
95
|
+
--cre8-typography-title-xlarge-font-weight: var(--cre8-font-weights-inter-1);
|
|
96
|
+
--cre8-typography-title-xlarge-line-height: var(--cre8-line-heights-4);
|
|
97
|
+
--cre8-typography-title-xlarge-text-decoration: var(--cre8-text-decoration-none);
|
|
98
|
+
--cre8-typography-title-xlarge-text-transform: var(--cre8-text-case-none);
|
|
99
|
+
--cre8-typography-title-xlarge-mobile-font-family: var(--cre8-font-families-inter);
|
|
100
|
+
--cre8-typography-title-xlarge-mobile-font-size: var(--cre8-font-size-7);
|
|
101
|
+
--cre8-typography-title-xlarge-mobile-font-weight: var(--cre8-font-weights-inter-1);
|
|
102
|
+
--cre8-typography-title-xlarge-mobile-line-height: var(--cre8-line-heights-4);
|
|
103
|
+
--cre8-typography-title-xlarge-mobile-text-decoration: var(--cre8-text-decoration-none);
|
|
104
|
+
--cre8-typography-title-xlarge-mobile-text-transform: var(--cre8-text-case-none);
|
|
105
|
+
--cre8-typography-title-large-font-family: var(--cre8-font-families-inter);
|
|
106
|
+
--cre8-typography-title-large-font-size: var(--cre8-font-size-6);
|
|
107
|
+
--cre8-typography-title-large-font-weight: var(--cre8-font-weights-inter-1);
|
|
108
|
+
--cre8-typography-title-large-line-height: var(--cre8-line-heights-1);
|
|
109
|
+
--cre8-typography-title-large-text-decoration: var(--cre8-text-decoration-none);
|
|
110
|
+
--cre8-typography-title-large-text-transform: var(--cre8-text-case-none);
|
|
111
|
+
--cre8-typography-title-large-mobile-font-family: var(--cre8-font-families-inter);
|
|
112
|
+
--cre8-typography-title-large-mobile-font-size: var(--cre8-font-size-5);
|
|
113
|
+
--cre8-typography-title-large-mobile-font-weight: var(--cre8-font-weights-inter-1);
|
|
114
|
+
--cre8-typography-title-large-mobile-line-height: var(--cre8-line-heights-1);
|
|
115
|
+
--cre8-typography-title-large-mobile-text-decoration: var(--cre8-text-decoration-none);
|
|
116
|
+
--cre8-typography-title-large-mobile-text-transform: var(--cre8-text-case-none);
|
|
117
|
+
--cre8-typography-title-default-font-family: var(--cre8-font-families-inter);
|
|
118
|
+
--cre8-typography-title-default-font-size: var(--cre8-font-size-5);
|
|
119
|
+
--cre8-typography-title-default-font-weight: var(--cre8-font-weights-inter-1);
|
|
120
|
+
--cre8-typography-title-default-line-height: var(--cre8-line-heights-2);
|
|
121
|
+
--cre8-typography-title-default-text-decoration: var(--cre8-text-decoration-none);
|
|
122
|
+
--cre8-typography-title-default-text-transform: var(--cre8-text-case-none);
|
|
123
|
+
--cre8-typography-title-default-mobile-font-family: var(--cre8-font-families-inter);
|
|
124
|
+
--cre8-typography-title-default-mobile-font-size: var(--cre8-font-size-3);
|
|
125
|
+
--cre8-typography-title-default-mobile-font-weight: var(--cre8-font-weights-inter-1);
|
|
126
|
+
--cre8-typography-title-default-mobile-line-height: var(--cre8-line-heights-2);
|
|
127
|
+
--cre8-typography-title-default-mobile-text-decoration: var(--cre8-text-decoration-none);
|
|
128
|
+
--cre8-typography-title-default-mobile-text-transform: var(--cre8-text-case-none);
|
|
129
|
+
--cre8-typography-title-small-font-family: var(--cre8-font-families-inter);
|
|
130
|
+
--cre8-typography-title-small-font-size: var(--cre8-font-size-3);
|
|
131
|
+
--cre8-typography-title-small-font-weight: var(--cre8-font-weights-inter-1);
|
|
132
|
+
--cre8-typography-title-small-line-height: var(--cre8-line-heights-6);
|
|
133
|
+
--cre8-typography-title-small-text-decoration: var(--cre8-text-decoration-none);
|
|
134
|
+
--cre8-typography-title-small-text-transform: var(--cre8-text-case-none);
|
|
135
|
+
--cre8-typography-title-small-mobile-font-family: var(--cre8-font-families-inter);
|
|
136
|
+
--cre8-typography-title-small-mobile-font-size: var(--cre8-font-size-2);
|
|
137
|
+
--cre8-typography-title-small-mobile-font-weight: var(--cre8-font-weights-inter-1);
|
|
138
|
+
--cre8-typography-title-small-mobile-line-height: var(--cre8-line-heights-6);
|
|
139
|
+
--cre8-typography-title-small-mobile-text-decoration: var(--cre8-text-decoration-none);
|
|
140
|
+
--cre8-typography-title-small-mobile-text-transform: var(--cre8-text-case-none);
|
|
141
|
+
--cre8-typography-headline-large-font-family: var(--cre8-font-families-inter);
|
|
142
|
+
--cre8-typography-headline-large-font-size: var(--cre8-font-size-9);
|
|
143
|
+
--cre8-typography-headline-large-font-weight: var(--cre8-font-weights-inter-3);
|
|
144
|
+
--cre8-typography-headline-large-line-height: var(--cre8-line-heights-0);
|
|
145
|
+
--cre8-typography-headline-large-text-decoration: var(--cre8-text-decoration-none);
|
|
146
|
+
--cre8-typography-headline-large-text-transform: var(--cre8-text-case-none);
|
|
147
|
+
--cre8-typography-headline-large-mobile-font-family: var(--cre8-font-families-inter);
|
|
148
|
+
--cre8-typography-headline-large-mobile-font-size: var(--cre8-font-size-8);
|
|
149
|
+
--cre8-typography-headline-large-mobile-font-weight: var(--cre8-font-weights-inter-3);
|
|
150
|
+
--cre8-typography-headline-large-mobile-line-height: var(--cre8-line-heights-0);
|
|
151
|
+
--cre8-typography-headline-large-mobile-text-decoration: var(--cre8-text-decoration-none);
|
|
152
|
+
--cre8-typography-headline-large-mobile-text-transform: var(--cre8-text-case-none);
|
|
153
|
+
--cre8-typography-headline-default-font-family: var(--cre8-font-families-inter);
|
|
154
|
+
--cre8-typography-headline-default-font-size: var(--cre8-font-size-8);
|
|
155
|
+
--cre8-typography-headline-default-font-weight: var(--cre8-font-weights-inter-3);
|
|
156
|
+
--cre8-typography-headline-default-line-height: var(--cre8-line-heights-0);
|
|
157
|
+
--cre8-typography-headline-default-text-decoration: var(--cre8-text-decoration-none);
|
|
158
|
+
--cre8-typography-headline-default-text-transform: var(--cre8-text-case-none);
|
|
159
|
+
--cre8-typography-headline-default-mobile-font-family: var(--cre8-font-families-inter);
|
|
160
|
+
--cre8-typography-headline-default-mobile-font-size: var(--cre8-font-size-7);
|
|
161
|
+
--cre8-typography-headline-default-mobile-font-weight: var(--cre8-font-weights-inter-3);
|
|
162
|
+
--cre8-typography-headline-default-mobile-line-height: var(--cre8-line-heights-0);
|
|
163
|
+
--cre8-typography-headline-default-mobile-text-decoration: var(--cre8-text-decoration-none);
|
|
164
|
+
--cre8-typography-headline-default-mobile-text-transform: var(--cre8-text-case-none);
|
|
165
|
+
--cre8-typography-headline-small-font-family: var(--cre8-font-families-inter);
|
|
166
|
+
--cre8-typography-headline-small-font-size: var(--cre8-font-size-7);
|
|
167
|
+
--cre8-typography-headline-small-font-weight: var(--cre8-font-weights-inter-3);
|
|
168
|
+
--cre8-typography-headline-small-line-height: var(--cre8-line-heights-0);
|
|
169
|
+
--cre8-typography-headline-small-text-decoration: var(--cre8-text-decoration-none);
|
|
170
|
+
--cre8-typography-headline-small-text-transform: var(--cre8-text-case-none);
|
|
171
|
+
--cre8-typography-headline-small-mobile-font-family: var(--cre8-font-families-inter);
|
|
172
|
+
--cre8-typography-headline-small-mobile-font-size: var(--cre8-font-size-6);
|
|
173
|
+
--cre8-typography-headline-small-mobile-font-weight: var(--cre8-font-weights-inter-3);
|
|
174
|
+
--cre8-typography-headline-small-mobile-line-height: var(--cre8-line-heights-0);
|
|
175
|
+
--cre8-typography-headline-small-mobile-text-decoration: var(--cre8-text-decoration-none);
|
|
176
|
+
--cre8-typography-headline-small-mobile-text-transform: var(--cre8-text-case-none);
|
|
177
|
+
--cre8-typography-headline-xsmall-font-family: var(--cre8-font-families-inter);
|
|
178
|
+
--cre8-typography-headline-xsmall-font-size: var(--cre8-font-size-5);
|
|
179
|
+
--cre8-typography-headline-xsmall-font-weight: var(--cre8-font-weights-inter-3);
|
|
180
|
+
--cre8-typography-headline-xsmall-line-height: var(--cre8-line-heights-0);
|
|
181
|
+
--cre8-typography-headline-xsmall-text-decoration: var(--cre8-text-decoration-none);
|
|
182
|
+
--cre8-typography-headline-xsmall-text-transform: var(--cre8-text-case-none);
|
|
183
|
+
--cre8-typography-headline-xsmall-mobile-font-family: var(--cre8-font-families-inter);
|
|
184
|
+
--cre8-typography-headline-xsmall-mobile-font-size: var(--cre8-font-size-5);
|
|
185
|
+
--cre8-typography-headline-xsmall-mobile-font-weight: var(--cre8-font-weights-inter-3);
|
|
186
|
+
--cre8-typography-headline-xsmall-mobile-line-height: var(--cre8-line-heights-0);
|
|
187
|
+
--cre8-typography-headline-xsmall-mobile-text-decoration: var(--cre8-text-decoration-none);
|
|
188
|
+
--cre8-typography-headline-xsmall-mobile-text-transform: var(--cre8-text-case-none);
|
|
189
|
+
--cre8-typography-display-large-font-family: var(--cre8-font-families-inter);
|
|
190
|
+
--cre8-typography-display-large-font-size: var(--cre8-font-size-13);
|
|
191
|
+
--cre8-typography-display-large-font-weight: var(--cre8-font-weights-inter-2);
|
|
192
|
+
--cre8-typography-display-large-line-height: var(--cre8-line-heights-0);
|
|
193
|
+
--cre8-typography-display-large-text-decoration: var(--cre8-text-decoration-none);
|
|
194
|
+
--cre8-typography-display-large-text-transform: var(--cre8-text-case-none);
|
|
195
|
+
--cre8-typography-display-large-mobile-font-family: var(--cre8-font-families-inter);
|
|
196
|
+
--cre8-typography-display-large-mobile-font-size: var(--cre8-font-size-12);
|
|
197
|
+
--cre8-typography-display-large-mobile-font-weight: var(--cre8-font-weights-inter-2);
|
|
198
|
+
--cre8-typography-display-large-mobile-line-height: var(--cre8-line-heights-0);
|
|
199
|
+
--cre8-typography-display-large-mobile-text-decoration: var(--cre8-text-decoration-none);
|
|
200
|
+
--cre8-typography-display-large-mobile-text-transform: var(--cre8-text-case-none);
|
|
201
|
+
--cre8-typography-display-default-font-family: var(--cre8-font-families-inter);
|
|
202
|
+
--cre8-typography-display-default-font-size: var(--cre8-font-size-11);
|
|
203
|
+
--cre8-typography-display-default-font-weight: var(--cre8-font-weights-inter-2);
|
|
204
|
+
--cre8-typography-display-default-line-height: var(--cre8-line-heights-0);
|
|
205
|
+
--cre8-typography-display-default-text-decoration: var(--cre8-text-decoration-none);
|
|
206
|
+
--cre8-typography-display-default-text-transform: var(--cre8-text-case-none);
|
|
207
|
+
--cre8-typography-display-default-mobile-font-family: var(--cre8-font-families-inter);
|
|
208
|
+
--cre8-typography-display-default-mobile-font-size: var(--cre8-font-size-10);
|
|
209
|
+
--cre8-typography-display-default-mobile-font-weight: var(--cre8-font-weights-inter-2);
|
|
210
|
+
--cre8-typography-display-default-mobile-line-height: var(--cre8-line-heights-0);
|
|
211
|
+
--cre8-typography-display-default-mobile-text-decoration: var(--cre8-text-decoration-none);
|
|
212
|
+
--cre8-typography-display-default-mobile-text-transform: var(--cre8-text-case-none);
|
|
213
|
+
--cre8-typography-display-small-font-family: var(--cre8-font-families-inter);
|
|
214
|
+
--cre8-typography-display-small-font-size: var(--cre8-font-size-9);
|
|
215
|
+
--cre8-typography-display-small-font-weight: var(--cre8-font-weights-inter-2);
|
|
216
|
+
--cre8-typography-display-small-line-height: var(--cre8-line-heights-0);
|
|
217
|
+
--cre8-typography-display-small-text-decoration: var(--cre8-text-decoration-none);
|
|
218
|
+
--cre8-typography-display-small-text-transform: var(--cre8-text-case-none);
|
|
219
|
+
--cre8-typography-display-small-mobile-font-family: var(--cre8-font-families-inter);
|
|
220
|
+
--cre8-typography-display-small-mobile-font-size: var(--cre8-font-size-8);
|
|
221
|
+
--cre8-typography-display-small-mobile-font-weight: var(--cre8-font-weights-inter-2);
|
|
222
|
+
--cre8-typography-display-small-mobile-line-height: var(--cre8-line-heights-0);
|
|
223
|
+
--cre8-typography-display-small-mobile-text-decoration: var(--cre8-text-decoration-none);
|
|
224
|
+
--cre8-typography-display-small-mobile-text-transform: var(--cre8-text-case-none);
|
|
225
|
+
--cre8-typography-meta-default-font-family: var(--cre8-font-families-inter);
|
|
226
|
+
--cre8-typography-meta-default-font-size: var(--cre8-font-size-2);
|
|
227
|
+
--cre8-typography-meta-default-font-weight: var(--cre8-font-weights-inter-2);
|
|
228
|
+
--cre8-typography-meta-default-line-height: var(--cre8-line-heights-3);
|
|
229
|
+
--cre8-typography-meta-default-text-decoration: var(--cre8-text-decoration-none);
|
|
230
|
+
--cre8-typography-meta-default-text-transform: var(--cre8-text-case-uppercase);
|
|
231
|
+
--cre8-typography-meta-default-sentence-case-font-family: var(--cre8-font-families-inter);
|
|
232
|
+
--cre8-typography-meta-default-sentence-case-font-size: var(--cre8-font-size-2);
|
|
233
|
+
--cre8-typography-meta-default-sentence-case-font-weight: var(--cre8-font-weights-inter-2);
|
|
234
|
+
--cre8-typography-meta-default-sentence-case-line-height: var(--cre8-line-heights-11);
|
|
235
|
+
--cre8-typography-meta-default-sentence-case-text-decoration: var(--cre8-text-decoration-none);
|
|
236
|
+
--cre8-typography-meta-default-sentence-case-text-transform: var(--cre8-text-case-none);
|
|
237
|
+
--cre8-typography-meta-large-font-family: var(--cre8-font-families-inter);
|
|
238
|
+
--cre8-typography-meta-large-font-size: var(--cre8-font-size-4);
|
|
239
|
+
--cre8-typography-meta-large-font-weight: var(--cre8-font-weights-inter-2);
|
|
240
|
+
--cre8-typography-meta-large-line-height: var(--cre8-line-heights-3);
|
|
241
|
+
--cre8-typography-meta-large-text-decoration: var(--cre8-text-decoration-none);
|
|
242
|
+
--cre8-typography-meta-large-text-transform: var(--cre8-text-case-uppercase);
|
|
243
|
+
--cre8-typography-meta-small-font-family: var(--cre8-font-families-inter);
|
|
244
|
+
--cre8-typography-meta-small-font-size: var(--cre8-font-size-1);
|
|
245
|
+
--cre8-typography-meta-small-font-weight: var(--cre8-font-weights-inter-2);
|
|
246
|
+
--cre8-typography-meta-small-line-height: var(--cre8-line-heights-3);
|
|
247
|
+
--cre8-typography-meta-small-text-decoration: var(--cre8-text-decoration-none);
|
|
248
|
+
--cre8-typography-meta-small-text-transform: var(--cre8-text-case-uppercase);}
|
|
@@ -0,0 +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";
|
|
2
|
+
export default vivid;
|
|
3
|
+
//# sourceMappingURL=tokens_cre8-vivid.module.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tokens_cre8-vivid.module.d.ts","sourceRoot":"","sources":["../../../../../design-tokens/brands/cre8-vivid/css/tokens_cre8-vivid.module.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,KAAK,2voDAu3BV,CAAC;AAEF,eAAe,KAAK,CAAC"}
|