@datrix-team-product/website-ds 0.0.0-stage → 0.1.0

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.
Files changed (7) hide show
  1. package/README.md +26 -2
  2. package/dist/tokens.css +357 -0
  3. package/dist/tokens.json +186 -0
  4. package/dist/tokens.ts +190 -0
  5. package/package.json +17 -3
  6. package/src/acss-derived.json +21 -0
  7. package/src/tokens.json +1603 -0
package/README.md CHANGED
@@ -1,3 +1,27 @@
1
- # Temporary Holding Version
1
+ # @datrix-team-product/website-ds — tokens
2
2
 
3
- This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
3
+ Generated from `tokens/*.tokens.json` (W3C DTCG, evidence-based). **Never hand-edit `dist/`** — run `pnpm ds:tokens-pkg`.
4
+
5
+ ## Artifacts
6
+
7
+ - `dist/tokens.css` — CSS custom properties (`--dx-*`), `:root` + `[data-theme="dark"]` + `@media (prefers-color-scheme: dark)` blocks. The site is **light-only** (Phase 1 probe) — dark blocks mirror light values with a provenance comment until the brand defines a dark palette.
8
+ - `dist/tokens.json` — flat map, kebab-case paths, raw `$values`.
9
+ - `dist/tokens.ts` — typed const export + `TokenName`.
10
+
11
+ ## Provenance notes (non-obvious tokens)
12
+
13
+ | Token | Provenance |
14
+ |---|---|
15
+ | `color-hairline` `#dddedf` | Minted site-evidence token (Gate G3 D6); 31k+ occurrences, no ACSS var |
16
+ | `color-primary-dark` `#032a7c` | ACSS var (hover per Gate G3 D5) — not observed as a computed element colour |
17
+ | `container-content` `128rem` | ACSS `--content-width` |
18
+ | `radius-s/m/l/xl` | ACSS vars (not observed as computed radii; observed radii are in `radius-ordinal-*`) |
19
+ | `focus-ring-width/offset` `3px/2px` | Phase 1 `states.json` evidence (focus-visible outline 3px) |
20
+ | `container-card-min` `280px`, `container-form` `480px` | **LIBRARY CONSTANTS — UNVERIFIED provenance** (layout glue, not site-measured) |
21
+ | `section-hero-padding` `12.656rem` | Site-measured: home `hero-main` computed padding 202.5px @1440 (`styles.json`) |
22
+ | `typography-*-family/weight/size/line-height` | Derived split of the composite type tokens |
23
+ | `motion-duration-*`, `motion-easing-*`, `elevation-shadow-*`, `border-width-*`, `radius-ordinal-*` | Friendly aliases of the generated ordinal surface/motion tokens |
24
+
25
+ ## Name
26
+
27
+ `@datrix-team-product/website-ds` — npm org confirmed as `datrix-team-product` (Gate G3 D10).
package/dist/tokens.css ADDED
@@ -0,0 +1,357 @@
1
+ /**
2
+ * GENERATED from tokens/*.tokens.json — do not hand-edit. Run: pnpm ds:tokens-pkg
3
+ */
4
+
5
+ :root {
6
+ --dx-color-white: #f8f8f8; /** Observed on 13 template(s); 58010 occurrences. OKLCH oklch(0.979 0 89.9). */
7
+ --dx-color-neutral-hex: #000000; /** Observed on 13 template(s); 37002 occurrences. OKLCH oklch(0 0 0). */
8
+ --dx-color-hairline: #dddedf; /** Observed on 13 template(s); 31206 occurrences. OKLCH oklch(0.9 0.002 247.8). */
9
+ --dx-color-neutral-dark: #3d3d3d; /** Observed on 13 template(s); 26400 occurrences. OKLCH oklch(0.36 0 89.9). */
10
+ --dx-color-black: #0f0f0f; /** Observed on 13 template(s); 3024 occurrences. OKLCH oklch(0.168 0 89.9). */
11
+ --dx-color-pure-white: #ffffff; /** Observed on 13 template(s); 690 occurrences. OKLCH oklch(1 0 89.9). */
12
+ --dx-color-neutral-semi-dark: #636363; /** Observed on 5 template(s); 636 occurrences. OKLCH oklch(0.5 0 89.9). */
13
+ --dx-color-neutral-semi-light: #c7c7c7; /** Observed on 7 template(s); 544 occurrences. OKLCH oklch(0.83 0 89.9). */
14
+ --dx-color-neutral-light: #d6d6d6; /** Observed on 3 template(s); 236 occurrences. OKLCH oklch(0.876 0 89.9). */
15
+ --dx-color-neutral-medium: #b3b3b3; /** Observed on 1 template(s); 36 occurrences. OKLCH oklch(0.767 0 89.9). */
16
+ --dx-color-neutral-ultra-dark: #363636; /** Observed on 1 template(s); 24 occurrences. OKLCH oklch(0.333 0 89.9). */
17
+ --dx-color-primary: #053fbb; /** Observed on 13 template(s); 3740 occurrences. OKLCH oklch(0.429 0.202 262.7). */
18
+ --dx-color-primary-ultra-dark: #000f5c; /** Observed on 13 template(s); 172 occurrences. OKLCH oklch(0.235 0.135 264). */
19
+ --dx-color-secondary-ultra-light: #c3e2f3; /** Observed on 1 template(s); 24 occurrences. OKLCH oklch(0.896 0.04 231.8). */
20
+ --dx-color-color-d637ff: #d637ff; /** Observed on 1 template(s); 16 occurrences. OKLCH oklch(0.661 0.285 318.1). */
21
+ --dx-color-text-default: #3d3d3d; /** dark text on light surfaces — most-used text value (12942 occurrences). */
22
+ --dx-color-text-inverse: #f8f8f8; /** light text on dark surfaces — most-used text value (24246 occurrences). */
23
+ --dx-color-text-muted: #636363; /** secondary/muted text — most-used text value (312 occurrences). */
24
+ --dx-color-surface-page: #ffffff; /** light page background — most-used background value (656 occurrences). */
25
+ --dx-color-surface-inverse: #000f5c; /** dark section background — most-used background value (172 occurrences). */
26
+ --dx-color-border-subtle: #dddedf; /** default hairline/border color — most-used border value (31206 occurrences). */
27
+ --dx-color-action-primary: #053fbb; /** Primary action color (ACSS --primary), observed across roles. */
28
+ --dx-third-party-cmplz-text-color: #222222; /** Observed on 13 template(s); 176 occurrences. OKLCH oklch(0.252 0 89.9). */
29
+ --dx-third-party-cmplz-banner-border-color: #f2f2f2; /** Observed on 13 template(s); 88 occurrences. OKLCH oklch(0.961 0 89.9). */
30
+ --dx-typography-font-family-brand: Outfit; /** Primary brand font family (observed, not assumed). */
31
+ --dx-typography-heading-h4: Outfit 300 1rem/1.2rem; /** Most-used style for <h4> elements: Outfit 300 16px/19.2px */
32
+ --dx-typography-heading-h2: Outfit 600 1.125rem/1.35rem; /** Most-used style for <h2> elements: Outfit 600 18px/21.6px */
33
+ --dx-typography-heading-h3: Outfit 600 1.25rem/1.5rem; /** Most-used style for <h3> elements: Outfit 600 20px/24px */
34
+ --dx-typography-heading-h1: Outfit 200 5.25rem/6.319rem; /** Most-used style for <h1> elements: Outfit 200 84px/101.1px */
35
+ --dx-typography-body-14: Outfit 300 0.875rem/1.05rem; /** Body text cluster (1674 occurrences): Outfit 300 14px/16.8px */
36
+ --dx-typography-body-15: Outfit 300 0.938rem/1.119rem; /** Body text cluster (1389 occurrences): Outfit 300 15px/17.9px */
37
+ --dx-typography-body-16: Outfit 300 1rem/1rem; /** Body text cluster (656 occurrences): Outfit 300 16px/16px */
38
+ --dx-typography-body-17: Outfit 300 1.063rem/1.269rem; /** Body text cluster (5986 occurrences): Outfit 300 17px/20.3px */
39
+ --dx-typography-body-18: Outfit 300 1.125rem/1.35rem; /** Body text cluster (14662 occurrences): Outfit 300 18px/21.6px */
40
+ --dx-typography-heading-display: Outfit 200 3rem/3.6rem; /** Most-used display cluster (>=40px): Outfit 200 48px/57.6px */
41
+ --dx-typography-heading-hero: Outfit 200 5.625rem/6.75rem; /** Hero display cluster: Outfit 200 90px/108px */
42
+ --dx-typography-body-24: Outfit 600 1.5rem/1.8rem; /** 24px body cluster: Outfit 600 24px/28.8px */
43
+ --dx-spacing-space-xs: clamp(0.4rem, 0.4rem, 0.4rem); /** ACSS spacing variable (1:1 mapping, AGENTS.md §1b); 0 observed occurrences at this resolved value. */
44
+ --dx-spacing-space-s: clamp(0.8rem, 0.8rem, 0.8rem); /** ACSS spacing variable (1:1 mapping, AGENTS.md §1b); 0 observed occurrences at this resolved value. */
45
+ --dx-spacing-space-m: clamp(1.2rem, calc(0.52vw + 1.05rem), 1.6rem); /** ACSS spacing variable (1:1 mapping, AGENTS.md §1b); 0 observed occurrences at this resolved value. */
46
+ --dx-spacing-space-l: clamp(1.6rem, calc(0.52vw + 1.45rem), 2.0rem); /** ACSS spacing variable (1:1 mapping, AGENTS.md §1b); 0 observed occurrences at this resolved value. */
47
+ --dx-spacing-space-xl: clamp(1.8rem, calc(0.78vw + 1.58rem), 2.4rem); /** ACSS spacing variable (1:1 mapping, AGENTS.md §1b); 0 observed occurrences at this resolved value. */
48
+ --dx-spacing-space-xxl: clamp(2.4rem, calc(1.04vw + 2.11rem), 3.2rem); /** ACSS spacing variable (1:1 mapping, AGENTS.md §1b); 0 observed occurrences at this resolved value. */
49
+ --dx-spacing-section-space-xs: 3.84rem; /** ACSS spacing variable (1:1 mapping, AGENTS.md §1b); 0 observed occurrences at this resolved value. */
50
+ --dx-spacing-section-space-s: 4.8rem; /** ACSS spacing variable (1:1 mapping, AGENTS.md §1b); 0 observed occurrences at this resolved value. */
51
+ --dx-spacing-section-space-m: 6rem; /** ACSS spacing variable (1:1 mapping, AGENTS.md §1b); 0 observed occurrences at this resolved value. */
52
+ --dx-spacing-section-space-l: 7.5rem; /** ACSS spacing variable (1:1 mapping, AGENTS.md §1b); 0 observed occurrences at this resolved value. */
53
+ --dx-spacing-section-space-xl: 9.375rem; /** ACSS spacing variable (1:1 mapping, AGENTS.md §1b); 0 observed occurrences at this resolved value. */
54
+ --dx-spacing-section-space-xxl: 11.719rem; /** ACSS spacing variable (1:1 mapping, AGENTS.md §1b); 0 observed occurrences at this resolved value. */
55
+ --dx-spacing-space-48: clamp(2.8rem, calc(2.09vw + 2.15rem), 4.8rem); /** ACSS spacing variable (1:1 mapping, AGENTS.md §1b); 0 observed occurrences at this resolved value. */
56
+ --dx-spacing-space-60: clamp(3.2rem, calc(3.65vw + 1.83rem), 6.0rem); /** ACSS spacing variable (1:1 mapping, AGENTS.md §1b); 0 observed occurrences at this resolved value. */
57
+ --dx-spacing-space-80: clamp(4.0rem, calc(5.22vw + 2.05rem), 8.0rem); /** ACSS spacing variable (1:1 mapping, AGENTS.md §1b); 0 observed occurrences at this resolved value. */
58
+ --dx-radius-radius-1: 8.88889px; /** 904 occurrences across 7 templates. */
59
+ --dx-radius-radius-2: 640px; /** 339 occurrences across 13 templates. */
60
+ --dx-radius-radius-3: 720px; /** 339 occurrences across 13 templates. */
61
+ --dx-radius-radius-4: 187.5px; /** 339 occurrences across 13 templates. */
62
+ --dx-radius-radius-5: 384px; /** 339 occurrences across 13 templates. */
63
+ --dx-radius-radius-6: 20px; /** 320 occurrences across 13 templates. */
64
+ --dx-radius-radius-7: 8px; /** 176 occurrences across 13 templates. */
65
+ --dx-radius-radius-8: 12 12px 0px 0pxpx; /** 88 occurrences across 13 templates. */
66
+ --dx-border-border-1: 1px; /** 3964 occurrences across 13 templates. */
67
+ --dx-shadow-shadow-1: rgba(0, 0, 0, 0.19) 0px 10px 20px 0px, rgba(0, 0, 0, 0.23) 0px 6px 6px 0px; /** 88 occurrences across 13 templates. */
68
+ --dx-shadow-shadow-2: rgba(0, 0, 0, 0.1) 0px 10px 10px 0px; /** 4 occurrences across 1 templates. */
69
+ --dx-opacity-opacity-1: 0.35; /** 8 occurrences across 2 templates. */
70
+ --dx-z-index-z-index-1: 9999; /** 356 occurrences across 13 templates. */
71
+ --dx-z-index-z-index-2: -1; /** 200 occurrences across 7 templates. */
72
+ --dx-z-index-z-index-3: 999; /** 148 occurrences across 12 templates. */
73
+ --dx-z-index-z-index-4: 1; /** 144 occurrences across 7 templates. */
74
+ --dx-z-index-z-index-5: -2; /** 100 occurrences across 7 templates. */
75
+ --dx-z-index-z-index-6: 9998; /** 88 occurrences across 13 templates. */
76
+ --dx-z-index-z-index-7: 99; /** 88 occurrences across 13 templates. */
77
+ --dx-z-index-z-index-8: 999999; /** 28 occurrences across 5 templates. */
78
+ --dx-transition-duration-transition-duration-1: 0.3s; /** 1620 occurrences across 13 templates. */
79
+ --dx-transition-duration-transition-duration-2: 0.1s; /** 352 occurrences across 13 templates. */
80
+ --dx-transition-duration-transition-duration-3: 0.2s; /** 352 occurrences across 13 templates. */
81
+ --dx-transition-duration-transition-duration-4: 0.15s; /** 88 occurrences across 13 templates. */
82
+ --dx-easing-easing-1: ease-in-out; /** 1972 occurrences across 13 templates. */
83
+ --dx-easing-easing-2: cubic-bezier; /** 352 occurrences across 13 templates. */
84
+ --dx-easing-easing-3: linear; /** 88 occurrences across 13 templates. */
85
+ --dx-animation-animation-1: mc_slideOut; /** 88 occurrences across 13 templates. */
86
+ --dx-container-container-1: 2000px; /** 176 occurrences across 13 templates. */
87
+ --dx-container-container-2: 360px; /** 152 occurrences across 12 templates. */
88
+ --dx-container-container-3: 400px; /** 4 occurrences across 1 templates. */
89
+ --dx-grid-grid-1: 24px 195px; /** 132 occurrences across 13 templates. */
90
+ --dx-grid-grid-2: 24px 225px; /** 132 occurrences across 13 templates. */
91
+ --dx-grid-grid-3: 24px 198.422px; /** 132 occurrences across 13 templates. */
92
+ --dx-grid-grid-4: 24px 210.438px; /** 132 occurrences across 13 templates. */
93
+ --dx-grid-grid-5: 333.719px; /** 111 occurrences across 13 templates. */
94
+ --dx-grid-grid-6: 337.016px 337.031px; /** 51 occurrences across 13 templates. */
95
+ --dx-icon-icon-1: 24rem; /** 748 occurrences across 13 templates. */
96
+ --dx-icon-icon-2: 14rem; /** 281 occurrences across 13 templates. */
97
+ --dx-icon-icon-3: 18rem; /** 208 occurrences across 8 templates. */
98
+ --dx-icon-icon-4: 32rem; /** 196 occurrences across 13 templates. */
99
+ --dx-icon-icon-5: 30rem; /** 176 occurrences across 13 templates. */
100
+ --dx-icon-icon-6: 23rem; /** 96 occurrences across 7 templates. */
101
+ --dx-image-ratio-image-ratio-1: 3.19; /** 176 occurrences across 13 templates. */
102
+ --dx-image-ratio-image-ratio-2: 1; /** 139 occurrences across 9 templates. */
103
+ --dx-image-ratio-image-ratio-3: 1.78; /** 113 occurrences across 4 templates. */
104
+ --dx-image-ratio-image-ratio-4: 1.5; /** 85 occurrences across 12 templates. */
105
+ --dx-image-ratio-image-ratio-5: 1.77; /** 77 occurrences across 6 templates. */
106
+ --dx-image-ratio-image-ratio-6: 0.98; /** 76 occurrences across 12 templates. */
107
+ --dx-text-transform-text-transform-1: capitalize; /** 2628 occurrences across 13 templates. */
108
+ --dx-text-transform-text-transform-2: uppercase; /** 1018 occurrences across 13 templates. */
109
+ --dx-breakpoint-breakpoint-1: max-width:768px; /** 16 occurrences across 0 templates. */
110
+ --dx-breakpoint-breakpoint-2: max-width:992px; /** 14 occurrences across 0 templates. */
111
+ --dx-breakpoint-breakpoint-3: max-width:1280px; /** 13 occurrences across 0 templates. */
112
+ --dx-breakpoint-breakpoint-4: max-width:480px; /** 13 occurrences across 0 templates. */
113
+ --dx-breakpoint-breakpoint-5: max-width:478px; /** 6 occurrences across 0 templates. */
114
+ --dx-breakpoint-breakpoint-6: max-width:767px; /** 5 occurrences across 0 templates. */
115
+ --dx-breakpoint-breakpoint-7: max-width:425px; /** 4 occurrences across 0 templates. */
116
+ --dx-breakpoint-breakpoint-8: min-width:1281px; /** 4 occurrences across 0 templates. */
117
+ --dx-breakpoint-breakpoint-9: min-width:481px; /** 3 occurrences across 0 templates. */
118
+ --dx-breakpoint-breakpoint-10: min-width:768px; /** 2 occurrences across 0 templates. */
119
+ }
120
+
121
+
122
+ /* Site is light-only (Phase 1 probe: no prefers-color-scheme CSS, no data-theme attr).
123
+ Dark blocks below mirror the light values for contract completeness and safe opt-in
124
+ via [data-theme="dark"] until the brand defines a dark palette. */
125
+ [data-theme="dark"] {
126
+ --dx-color-white: #f8f8f8; /** Observed on 13 template(s); 58010 occurrences. OKLCH oklch(0.979 0 89.9). */
127
+ --dx-color-neutral-hex: #000000; /** Observed on 13 template(s); 37002 occurrences. OKLCH oklch(0 0 0). */
128
+ --dx-color-hairline: #dddedf; /** Observed on 13 template(s); 31206 occurrences. OKLCH oklch(0.9 0.002 247.8). */
129
+ --dx-color-neutral-dark: #3d3d3d; /** Observed on 13 template(s); 26400 occurrences. OKLCH oklch(0.36 0 89.9). */
130
+ --dx-color-black: #0f0f0f; /** Observed on 13 template(s); 3024 occurrences. OKLCH oklch(0.168 0 89.9). */
131
+ --dx-color-pure-white: #ffffff; /** Observed on 13 template(s); 690 occurrences. OKLCH oklch(1 0 89.9). */
132
+ --dx-color-neutral-semi-dark: #636363; /** Observed on 5 template(s); 636 occurrences. OKLCH oklch(0.5 0 89.9). */
133
+ --dx-color-neutral-semi-light: #c7c7c7; /** Observed on 7 template(s); 544 occurrences. OKLCH oklch(0.83 0 89.9). */
134
+ --dx-color-neutral-light: #d6d6d6; /** Observed on 3 template(s); 236 occurrences. OKLCH oklch(0.876 0 89.9). */
135
+ --dx-color-neutral-medium: #b3b3b3; /** Observed on 1 template(s); 36 occurrences. OKLCH oklch(0.767 0 89.9). */
136
+ --dx-color-neutral-ultra-dark: #363636; /** Observed on 1 template(s); 24 occurrences. OKLCH oklch(0.333 0 89.9). */
137
+ --dx-color-primary: #053fbb; /** Observed on 13 template(s); 3740 occurrences. OKLCH oklch(0.429 0.202 262.7). */
138
+ --dx-color-primary-ultra-dark: #000f5c; /** Observed on 13 template(s); 172 occurrences. OKLCH oklch(0.235 0.135 264). */
139
+ --dx-color-secondary-ultra-light: #c3e2f3; /** Observed on 1 template(s); 24 occurrences. OKLCH oklch(0.896 0.04 231.8). */
140
+ --dx-color-color-d637ff: #d637ff; /** Observed on 1 template(s); 16 occurrences. OKLCH oklch(0.661 0.285 318.1). */
141
+ --dx-color-text-default: #3d3d3d; /** dark text on light surfaces — most-used text value (12942 occurrences). */
142
+ --dx-color-text-inverse: #f8f8f8; /** light text on dark surfaces — most-used text value (24246 occurrences). */
143
+ --dx-color-text-muted: #636363; /** secondary/muted text — most-used text value (312 occurrences). */
144
+ --dx-color-surface-page: #ffffff; /** light page background — most-used background value (656 occurrences). */
145
+ --dx-color-surface-inverse: #000f5c; /** dark section background — most-used background value (172 occurrences). */
146
+ --dx-color-border-subtle: #dddedf; /** default hairline/border color — most-used border value (31206 occurrences). */
147
+ --dx-color-action-primary: #053fbb; /** Primary action color (ACSS --primary), observed across roles. */
148
+ --dx-third-party-cmplz-text-color: #222222; /** Observed on 13 template(s); 176 occurrences. OKLCH oklch(0.252 0 89.9). */
149
+ --dx-third-party-cmplz-banner-border-color: #f2f2f2; /** Observed on 13 template(s); 88 occurrences. OKLCH oklch(0.961 0 89.9). */
150
+ --dx-typography-font-family-brand: Outfit; /** Primary brand font family (observed, not assumed). */
151
+ --dx-typography-heading-h4: Outfit 300 1rem/1.2rem; /** Most-used style for <h4> elements: Outfit 300 16px/19.2px */
152
+ --dx-typography-heading-h2: Outfit 600 1.125rem/1.35rem; /** Most-used style for <h2> elements: Outfit 600 18px/21.6px */
153
+ --dx-typography-heading-h3: Outfit 600 1.25rem/1.5rem; /** Most-used style for <h3> elements: Outfit 600 20px/24px */
154
+ --dx-typography-heading-h1: Outfit 200 5.25rem/6.319rem; /** Most-used style for <h1> elements: Outfit 200 84px/101.1px */
155
+ --dx-typography-body-14: Outfit 300 0.875rem/1.05rem; /** Body text cluster (1674 occurrences): Outfit 300 14px/16.8px */
156
+ --dx-typography-body-15: Outfit 300 0.938rem/1.119rem; /** Body text cluster (1389 occurrences): Outfit 300 15px/17.9px */
157
+ --dx-typography-body-16: Outfit 300 1rem/1rem; /** Body text cluster (656 occurrences): Outfit 300 16px/16px */
158
+ --dx-typography-body-17: Outfit 300 1.063rem/1.269rem; /** Body text cluster (5986 occurrences): Outfit 300 17px/20.3px */
159
+ --dx-typography-body-18: Outfit 300 1.125rem/1.35rem; /** Body text cluster (14662 occurrences): Outfit 300 18px/21.6px */
160
+ --dx-typography-heading-display: Outfit 200 3rem/3.6rem; /** Most-used display cluster (>=40px): Outfit 200 48px/57.6px */
161
+ --dx-typography-heading-hero: Outfit 200 5.625rem/6.75rem; /** Hero display cluster: Outfit 200 90px/108px */
162
+ --dx-typography-body-24: Outfit 600 1.5rem/1.8rem; /** 24px body cluster: Outfit 600 24px/28.8px */
163
+ --dx-spacing-space-xs: clamp(0.4rem, 0.4rem, 0.4rem); /** ACSS spacing variable (1:1 mapping, AGENTS.md §1b); 0 observed occurrences at this resolved value. */
164
+ --dx-spacing-space-s: clamp(0.8rem, 0.8rem, 0.8rem); /** ACSS spacing variable (1:1 mapping, AGENTS.md §1b); 0 observed occurrences at this resolved value. */
165
+ --dx-spacing-space-m: clamp(1.2rem, calc(0.52vw + 1.05rem), 1.6rem); /** ACSS spacing variable (1:1 mapping, AGENTS.md §1b); 0 observed occurrences at this resolved value. */
166
+ --dx-spacing-space-l: clamp(1.6rem, calc(0.52vw + 1.45rem), 2.0rem); /** ACSS spacing variable (1:1 mapping, AGENTS.md §1b); 0 observed occurrences at this resolved value. */
167
+ --dx-spacing-space-xl: clamp(1.8rem, calc(0.78vw + 1.58rem), 2.4rem); /** ACSS spacing variable (1:1 mapping, AGENTS.md §1b); 0 observed occurrences at this resolved value. */
168
+ --dx-spacing-space-xxl: clamp(2.4rem, calc(1.04vw + 2.11rem), 3.2rem); /** ACSS spacing variable (1:1 mapping, AGENTS.md §1b); 0 observed occurrences at this resolved value. */
169
+ --dx-spacing-section-space-xs: 3.84rem; /** ACSS spacing variable (1:1 mapping, AGENTS.md §1b); 0 observed occurrences at this resolved value. */
170
+ --dx-spacing-section-space-s: 4.8rem; /** ACSS spacing variable (1:1 mapping, AGENTS.md §1b); 0 observed occurrences at this resolved value. */
171
+ --dx-spacing-section-space-m: 6rem; /** ACSS spacing variable (1:1 mapping, AGENTS.md §1b); 0 observed occurrences at this resolved value. */
172
+ --dx-spacing-section-space-l: 7.5rem; /** ACSS spacing variable (1:1 mapping, AGENTS.md §1b); 0 observed occurrences at this resolved value. */
173
+ --dx-spacing-section-space-xl: 9.375rem; /** ACSS spacing variable (1:1 mapping, AGENTS.md §1b); 0 observed occurrences at this resolved value. */
174
+ --dx-spacing-section-space-xxl: 11.719rem; /** ACSS spacing variable (1:1 mapping, AGENTS.md §1b); 0 observed occurrences at this resolved value. */
175
+ --dx-spacing-space-48: clamp(2.8rem, calc(2.09vw + 2.15rem), 4.8rem); /** ACSS spacing variable (1:1 mapping, AGENTS.md §1b); 0 observed occurrences at this resolved value. */
176
+ --dx-spacing-space-60: clamp(3.2rem, calc(3.65vw + 1.83rem), 6.0rem); /** ACSS spacing variable (1:1 mapping, AGENTS.md §1b); 0 observed occurrences at this resolved value. */
177
+ --dx-spacing-space-80: clamp(4.0rem, calc(5.22vw + 2.05rem), 8.0rem); /** ACSS spacing variable (1:1 mapping, AGENTS.md §1b); 0 observed occurrences at this resolved value. */
178
+ --dx-radius-radius-1: 8.88889px; /** 904 occurrences across 7 templates. */
179
+ --dx-radius-radius-2: 640px; /** 339 occurrences across 13 templates. */
180
+ --dx-radius-radius-3: 720px; /** 339 occurrences across 13 templates. */
181
+ --dx-radius-radius-4: 187.5px; /** 339 occurrences across 13 templates. */
182
+ --dx-radius-radius-5: 384px; /** 339 occurrences across 13 templates. */
183
+ --dx-radius-radius-6: 20px; /** 320 occurrences across 13 templates. */
184
+ --dx-radius-radius-7: 8px; /** 176 occurrences across 13 templates. */
185
+ --dx-radius-radius-8: 12 12px 0px 0pxpx; /** 88 occurrences across 13 templates. */
186
+ --dx-border-border-1: 1px; /** 3964 occurrences across 13 templates. */
187
+ --dx-shadow-shadow-1: rgba(0, 0, 0, 0.19) 0px 10px 20px 0px, rgba(0, 0, 0, 0.23) 0px 6px 6px 0px; /** 88 occurrences across 13 templates. */
188
+ --dx-shadow-shadow-2: rgba(0, 0, 0, 0.1) 0px 10px 10px 0px; /** 4 occurrences across 1 templates. */
189
+ --dx-opacity-opacity-1: 0.35; /** 8 occurrences across 2 templates. */
190
+ --dx-z-index-z-index-1: 9999; /** 356 occurrences across 13 templates. */
191
+ --dx-z-index-z-index-2: -1; /** 200 occurrences across 7 templates. */
192
+ --dx-z-index-z-index-3: 999; /** 148 occurrences across 12 templates. */
193
+ --dx-z-index-z-index-4: 1; /** 144 occurrences across 7 templates. */
194
+ --dx-z-index-z-index-5: -2; /** 100 occurrences across 7 templates. */
195
+ --dx-z-index-z-index-6: 9998; /** 88 occurrences across 13 templates. */
196
+ --dx-z-index-z-index-7: 99; /** 88 occurrences across 13 templates. */
197
+ --dx-z-index-z-index-8: 999999; /** 28 occurrences across 5 templates. */
198
+ --dx-transition-duration-transition-duration-1: 0.3s; /** 1620 occurrences across 13 templates. */
199
+ --dx-transition-duration-transition-duration-2: 0.1s; /** 352 occurrences across 13 templates. */
200
+ --dx-transition-duration-transition-duration-3: 0.2s; /** 352 occurrences across 13 templates. */
201
+ --dx-transition-duration-transition-duration-4: 0.15s; /** 88 occurrences across 13 templates. */
202
+ --dx-easing-easing-1: ease-in-out; /** 1972 occurrences across 13 templates. */
203
+ --dx-easing-easing-2: cubic-bezier; /** 352 occurrences across 13 templates. */
204
+ --dx-easing-easing-3: linear; /** 88 occurrences across 13 templates. */
205
+ --dx-animation-animation-1: mc_slideOut; /** 88 occurrences across 13 templates. */
206
+ --dx-container-container-1: 2000px; /** 176 occurrences across 13 templates. */
207
+ --dx-container-container-2: 360px; /** 152 occurrences across 12 templates. */
208
+ --dx-container-container-3: 400px; /** 4 occurrences across 1 templates. */
209
+ --dx-grid-grid-1: 24px 195px; /** 132 occurrences across 13 templates. */
210
+ --dx-grid-grid-2: 24px 225px; /** 132 occurrences across 13 templates. */
211
+ --dx-grid-grid-3: 24px 198.422px; /** 132 occurrences across 13 templates. */
212
+ --dx-grid-grid-4: 24px 210.438px; /** 132 occurrences across 13 templates. */
213
+ --dx-grid-grid-5: 333.719px; /** 111 occurrences across 13 templates. */
214
+ --dx-grid-grid-6: 337.016px 337.031px; /** 51 occurrences across 13 templates. */
215
+ --dx-icon-icon-1: 24rem; /** 748 occurrences across 13 templates. */
216
+ --dx-icon-icon-2: 14rem; /** 281 occurrences across 13 templates. */
217
+ --dx-icon-icon-3: 18rem; /** 208 occurrences across 8 templates. */
218
+ --dx-icon-icon-4: 32rem; /** 196 occurrences across 13 templates. */
219
+ --dx-icon-icon-5: 30rem; /** 176 occurrences across 13 templates. */
220
+ --dx-icon-icon-6: 23rem; /** 96 occurrences across 7 templates. */
221
+ --dx-image-ratio-image-ratio-1: 3.19; /** 176 occurrences across 13 templates. */
222
+ --dx-image-ratio-image-ratio-2: 1; /** 139 occurrences across 9 templates. */
223
+ --dx-image-ratio-image-ratio-3: 1.78; /** 113 occurrences across 4 templates. */
224
+ --dx-image-ratio-image-ratio-4: 1.5; /** 85 occurrences across 12 templates. */
225
+ --dx-image-ratio-image-ratio-5: 1.77; /** 77 occurrences across 6 templates. */
226
+ --dx-image-ratio-image-ratio-6: 0.98; /** 76 occurrences across 12 templates. */
227
+ --dx-text-transform-text-transform-1: capitalize; /** 2628 occurrences across 13 templates. */
228
+ --dx-text-transform-text-transform-2: uppercase; /** 1018 occurrences across 13 templates. */
229
+ --dx-breakpoint-breakpoint-1: max-width:768px; /** 16 occurrences across 0 templates. */
230
+ --dx-breakpoint-breakpoint-2: max-width:992px; /** 14 occurrences across 0 templates. */
231
+ --dx-breakpoint-breakpoint-3: max-width:1280px; /** 13 occurrences across 0 templates. */
232
+ --dx-breakpoint-breakpoint-4: max-width:480px; /** 13 occurrences across 0 templates. */
233
+ --dx-breakpoint-breakpoint-5: max-width:478px; /** 6 occurrences across 0 templates. */
234
+ --dx-breakpoint-breakpoint-6: max-width:767px; /** 5 occurrences across 0 templates. */
235
+ --dx-breakpoint-breakpoint-7: max-width:425px; /** 4 occurrences across 0 templates. */
236
+ --dx-breakpoint-breakpoint-8: min-width:1281px; /** 4 occurrences across 0 templates. */
237
+ --dx-breakpoint-breakpoint-9: min-width:481px; /** 3 occurrences across 0 templates. */
238
+ --dx-breakpoint-breakpoint-10: min-width:768px; /** 2 occurrences across 0 templates. */
239
+ }
240
+
241
+ @media (prefers-color-scheme: dark) {
242
+ :root {
243
+ --dx-color-white: #f8f8f8; /** Observed on 13 template(s); 58010 occurrences. OKLCH oklch(0.979 0 89.9). */
244
+ --dx-color-neutral-hex: #000000; /** Observed on 13 template(s); 37002 occurrences. OKLCH oklch(0 0 0). */
245
+ --dx-color-hairline: #dddedf; /** Observed on 13 template(s); 31206 occurrences. OKLCH oklch(0.9 0.002 247.8). */
246
+ --dx-color-neutral-dark: #3d3d3d; /** Observed on 13 template(s); 26400 occurrences. OKLCH oklch(0.36 0 89.9). */
247
+ --dx-color-black: #0f0f0f; /** Observed on 13 template(s); 3024 occurrences. OKLCH oklch(0.168 0 89.9). */
248
+ --dx-color-pure-white: #ffffff; /** Observed on 13 template(s); 690 occurrences. OKLCH oklch(1 0 89.9). */
249
+ --dx-color-neutral-semi-dark: #636363; /** Observed on 5 template(s); 636 occurrences. OKLCH oklch(0.5 0 89.9). */
250
+ --dx-color-neutral-semi-light: #c7c7c7; /** Observed on 7 template(s); 544 occurrences. OKLCH oklch(0.83 0 89.9). */
251
+ --dx-color-neutral-light: #d6d6d6; /** Observed on 3 template(s); 236 occurrences. OKLCH oklch(0.876 0 89.9). */
252
+ --dx-color-neutral-medium: #b3b3b3; /** Observed on 1 template(s); 36 occurrences. OKLCH oklch(0.767 0 89.9). */
253
+ --dx-color-neutral-ultra-dark: #363636; /** Observed on 1 template(s); 24 occurrences. OKLCH oklch(0.333 0 89.9). */
254
+ --dx-color-primary: #053fbb; /** Observed on 13 template(s); 3740 occurrences. OKLCH oklch(0.429 0.202 262.7). */
255
+ --dx-color-primary-ultra-dark: #000f5c; /** Observed on 13 template(s); 172 occurrences. OKLCH oklch(0.235 0.135 264). */
256
+ --dx-color-secondary-ultra-light: #c3e2f3; /** Observed on 1 template(s); 24 occurrences. OKLCH oklch(0.896 0.04 231.8). */
257
+ --dx-color-color-d637ff: #d637ff; /** Observed on 1 template(s); 16 occurrences. OKLCH oklch(0.661 0.285 318.1). */
258
+ --dx-color-text-default: #3d3d3d; /** dark text on light surfaces — most-used text value (12942 occurrences). */
259
+ --dx-color-text-inverse: #f8f8f8; /** light text on dark surfaces — most-used text value (24246 occurrences). */
260
+ --dx-color-text-muted: #636363; /** secondary/muted text — most-used text value (312 occurrences). */
261
+ --dx-color-surface-page: #ffffff; /** light page background — most-used background value (656 occurrences). */
262
+ --dx-color-surface-inverse: #000f5c; /** dark section background — most-used background value (172 occurrences). */
263
+ --dx-color-border-subtle: #dddedf; /** default hairline/border color — most-used border value (31206 occurrences). */
264
+ --dx-color-action-primary: #053fbb; /** Primary action color (ACSS --primary), observed across roles. */
265
+ --dx-third-party-cmplz-text-color: #222222; /** Observed on 13 template(s); 176 occurrences. OKLCH oklch(0.252 0 89.9). */
266
+ --dx-third-party-cmplz-banner-border-color: #f2f2f2; /** Observed on 13 template(s); 88 occurrences. OKLCH oklch(0.961 0 89.9). */
267
+ --dx-typography-font-family-brand: Outfit; /** Primary brand font family (observed, not assumed). */
268
+ --dx-typography-heading-h4: Outfit 300 1rem/1.2rem; /** Most-used style for <h4> elements: Outfit 300 16px/19.2px */
269
+ --dx-typography-heading-h2: Outfit 600 1.125rem/1.35rem; /** Most-used style for <h2> elements: Outfit 600 18px/21.6px */
270
+ --dx-typography-heading-h3: Outfit 600 1.25rem/1.5rem; /** Most-used style for <h3> elements: Outfit 600 20px/24px */
271
+ --dx-typography-heading-h1: Outfit 200 5.25rem/6.319rem; /** Most-used style for <h1> elements: Outfit 200 84px/101.1px */
272
+ --dx-typography-body-14: Outfit 300 0.875rem/1.05rem; /** Body text cluster (1674 occurrences): Outfit 300 14px/16.8px */
273
+ --dx-typography-body-15: Outfit 300 0.938rem/1.119rem; /** Body text cluster (1389 occurrences): Outfit 300 15px/17.9px */
274
+ --dx-typography-body-16: Outfit 300 1rem/1rem; /** Body text cluster (656 occurrences): Outfit 300 16px/16px */
275
+ --dx-typography-body-17: Outfit 300 1.063rem/1.269rem; /** Body text cluster (5986 occurrences): Outfit 300 17px/20.3px */
276
+ --dx-typography-body-18: Outfit 300 1.125rem/1.35rem; /** Body text cluster (14662 occurrences): Outfit 300 18px/21.6px */
277
+ --dx-typography-heading-display: Outfit 200 3rem/3.6rem; /** Most-used display cluster (>=40px): Outfit 200 48px/57.6px */
278
+ --dx-typography-heading-hero: Outfit 200 5.625rem/6.75rem; /** Hero display cluster: Outfit 200 90px/108px */
279
+ --dx-typography-body-24: Outfit 600 1.5rem/1.8rem; /** 24px body cluster: Outfit 600 24px/28.8px */
280
+ --dx-spacing-space-xs: clamp(0.4rem, 0.4rem, 0.4rem); /** ACSS spacing variable (1:1 mapping, AGENTS.md §1b); 0 observed occurrences at this resolved value. */
281
+ --dx-spacing-space-s: clamp(0.8rem, 0.8rem, 0.8rem); /** ACSS spacing variable (1:1 mapping, AGENTS.md §1b); 0 observed occurrences at this resolved value. */
282
+ --dx-spacing-space-m: clamp(1.2rem, calc(0.52vw + 1.05rem), 1.6rem); /** ACSS spacing variable (1:1 mapping, AGENTS.md §1b); 0 observed occurrences at this resolved value. */
283
+ --dx-spacing-space-l: clamp(1.6rem, calc(0.52vw + 1.45rem), 2.0rem); /** ACSS spacing variable (1:1 mapping, AGENTS.md §1b); 0 observed occurrences at this resolved value. */
284
+ --dx-spacing-space-xl: clamp(1.8rem, calc(0.78vw + 1.58rem), 2.4rem); /** ACSS spacing variable (1:1 mapping, AGENTS.md §1b); 0 observed occurrences at this resolved value. */
285
+ --dx-spacing-space-xxl: clamp(2.4rem, calc(1.04vw + 2.11rem), 3.2rem); /** ACSS spacing variable (1:1 mapping, AGENTS.md §1b); 0 observed occurrences at this resolved value. */
286
+ --dx-spacing-section-space-xs: 3.84rem; /** ACSS spacing variable (1:1 mapping, AGENTS.md §1b); 0 observed occurrences at this resolved value. */
287
+ --dx-spacing-section-space-s: 4.8rem; /** ACSS spacing variable (1:1 mapping, AGENTS.md §1b); 0 observed occurrences at this resolved value. */
288
+ --dx-spacing-section-space-m: 6rem; /** ACSS spacing variable (1:1 mapping, AGENTS.md §1b); 0 observed occurrences at this resolved value. */
289
+ --dx-spacing-section-space-l: 7.5rem; /** ACSS spacing variable (1:1 mapping, AGENTS.md §1b); 0 observed occurrences at this resolved value. */
290
+ --dx-spacing-section-space-xl: 9.375rem; /** ACSS spacing variable (1:1 mapping, AGENTS.md §1b); 0 observed occurrences at this resolved value. */
291
+ --dx-spacing-section-space-xxl: 11.719rem; /** ACSS spacing variable (1:1 mapping, AGENTS.md §1b); 0 observed occurrences at this resolved value. */
292
+ --dx-spacing-space-48: clamp(2.8rem, calc(2.09vw + 2.15rem), 4.8rem); /** ACSS spacing variable (1:1 mapping, AGENTS.md §1b); 0 observed occurrences at this resolved value. */
293
+ --dx-spacing-space-60: clamp(3.2rem, calc(3.65vw + 1.83rem), 6.0rem); /** ACSS spacing variable (1:1 mapping, AGENTS.md §1b); 0 observed occurrences at this resolved value. */
294
+ --dx-spacing-space-80: clamp(4.0rem, calc(5.22vw + 2.05rem), 8.0rem); /** ACSS spacing variable (1:1 mapping, AGENTS.md §1b); 0 observed occurrences at this resolved value. */
295
+ --dx-radius-radius-1: 8.88889px; /** 904 occurrences across 7 templates. */
296
+ --dx-radius-radius-2: 640px; /** 339 occurrences across 13 templates. */
297
+ --dx-radius-radius-3: 720px; /** 339 occurrences across 13 templates. */
298
+ --dx-radius-radius-4: 187.5px; /** 339 occurrences across 13 templates. */
299
+ --dx-radius-radius-5: 384px; /** 339 occurrences across 13 templates. */
300
+ --dx-radius-radius-6: 20px; /** 320 occurrences across 13 templates. */
301
+ --dx-radius-radius-7: 8px; /** 176 occurrences across 13 templates. */
302
+ --dx-radius-radius-8: 12 12px 0px 0pxpx; /** 88 occurrences across 13 templates. */
303
+ --dx-border-border-1: 1px; /** 3964 occurrences across 13 templates. */
304
+ --dx-shadow-shadow-1: rgba(0, 0, 0, 0.19) 0px 10px 20px 0px, rgba(0, 0, 0, 0.23) 0px 6px 6px 0px; /** 88 occurrences across 13 templates. */
305
+ --dx-shadow-shadow-2: rgba(0, 0, 0, 0.1) 0px 10px 10px 0px; /** 4 occurrences across 1 templates. */
306
+ --dx-opacity-opacity-1: 0.35; /** 8 occurrences across 2 templates. */
307
+ --dx-z-index-z-index-1: 9999; /** 356 occurrences across 13 templates. */
308
+ --dx-z-index-z-index-2: -1; /** 200 occurrences across 7 templates. */
309
+ --dx-z-index-z-index-3: 999; /** 148 occurrences across 12 templates. */
310
+ --dx-z-index-z-index-4: 1; /** 144 occurrences across 7 templates. */
311
+ --dx-z-index-z-index-5: -2; /** 100 occurrences across 7 templates. */
312
+ --dx-z-index-z-index-6: 9998; /** 88 occurrences across 13 templates. */
313
+ --dx-z-index-z-index-7: 99; /** 88 occurrences across 13 templates. */
314
+ --dx-z-index-z-index-8: 999999; /** 28 occurrences across 5 templates. */
315
+ --dx-transition-duration-transition-duration-1: 0.3s; /** 1620 occurrences across 13 templates. */
316
+ --dx-transition-duration-transition-duration-2: 0.1s; /** 352 occurrences across 13 templates. */
317
+ --dx-transition-duration-transition-duration-3: 0.2s; /** 352 occurrences across 13 templates. */
318
+ --dx-transition-duration-transition-duration-4: 0.15s; /** 88 occurrences across 13 templates. */
319
+ --dx-easing-easing-1: ease-in-out; /** 1972 occurrences across 13 templates. */
320
+ --dx-easing-easing-2: cubic-bezier; /** 352 occurrences across 13 templates. */
321
+ --dx-easing-easing-3: linear; /** 88 occurrences across 13 templates. */
322
+ --dx-animation-animation-1: mc_slideOut; /** 88 occurrences across 13 templates. */
323
+ --dx-container-container-1: 2000px; /** 176 occurrences across 13 templates. */
324
+ --dx-container-container-2: 360px; /** 152 occurrences across 12 templates. */
325
+ --dx-container-container-3: 400px; /** 4 occurrences across 1 templates. */
326
+ --dx-grid-grid-1: 24px 195px; /** 132 occurrences across 13 templates. */
327
+ --dx-grid-grid-2: 24px 225px; /** 132 occurrences across 13 templates. */
328
+ --dx-grid-grid-3: 24px 198.422px; /** 132 occurrences across 13 templates. */
329
+ --dx-grid-grid-4: 24px 210.438px; /** 132 occurrences across 13 templates. */
330
+ --dx-grid-grid-5: 333.719px; /** 111 occurrences across 13 templates. */
331
+ --dx-grid-grid-6: 337.016px 337.031px; /** 51 occurrences across 13 templates. */
332
+ --dx-icon-icon-1: 24rem; /** 748 occurrences across 13 templates. */
333
+ --dx-icon-icon-2: 14rem; /** 281 occurrences across 13 templates. */
334
+ --dx-icon-icon-3: 18rem; /** 208 occurrences across 8 templates. */
335
+ --dx-icon-icon-4: 32rem; /** 196 occurrences across 13 templates. */
336
+ --dx-icon-icon-5: 30rem; /** 176 occurrences across 13 templates. */
337
+ --dx-icon-icon-6: 23rem; /** 96 occurrences across 7 templates. */
338
+ --dx-image-ratio-image-ratio-1: 3.19; /** 176 occurrences across 13 templates. */
339
+ --dx-image-ratio-image-ratio-2: 1; /** 139 occurrences across 9 templates. */
340
+ --dx-image-ratio-image-ratio-3: 1.78; /** 113 occurrences across 4 templates. */
341
+ --dx-image-ratio-image-ratio-4: 1.5; /** 85 occurrences across 12 templates. */
342
+ --dx-image-ratio-image-ratio-5: 1.77; /** 77 occurrences across 6 templates. */
343
+ --dx-image-ratio-image-ratio-6: 0.98; /** 76 occurrences across 12 templates. */
344
+ --dx-text-transform-text-transform-1: capitalize; /** 2628 occurrences across 13 templates. */
345
+ --dx-text-transform-text-transform-2: uppercase; /** 1018 occurrences across 13 templates. */
346
+ --dx-breakpoint-breakpoint-1: max-width:768px; /** 16 occurrences across 0 templates. */
347
+ --dx-breakpoint-breakpoint-2: max-width:992px; /** 14 occurrences across 0 templates. */
348
+ --dx-breakpoint-breakpoint-3: max-width:1280px; /** 13 occurrences across 0 templates. */
349
+ --dx-breakpoint-breakpoint-4: max-width:480px; /** 13 occurrences across 0 templates. */
350
+ --dx-breakpoint-breakpoint-5: max-width:478px; /** 6 occurrences across 0 templates. */
351
+ --dx-breakpoint-breakpoint-6: max-width:767px; /** 5 occurrences across 0 templates. */
352
+ --dx-breakpoint-breakpoint-7: max-width:425px; /** 4 occurrences across 0 templates. */
353
+ --dx-breakpoint-breakpoint-8: min-width:1281px; /** 4 occurrences across 0 templates. */
354
+ --dx-breakpoint-breakpoint-9: min-width:481px; /** 3 occurrences across 0 templates. */
355
+ --dx-breakpoint-breakpoint-10: min-width:768px; /** 2 occurrences across 0 templates. */
356
+ }
357
+ }
package/dist/tokens.json ADDED
@@ -0,0 +1,186 @@
1
+ {
2
+ "color-white": "#f8f8f8",
3
+ "color-neutral-hex": "#000000",
4
+ "color-hairline": "#dddedf",
5
+ "color-neutral-dark": "#3d3d3d",
6
+ "color-black": "#0f0f0f",
7
+ "color-pure-white": "#ffffff",
8
+ "color-neutral-semi-dark": "#636363",
9
+ "color-neutral-semi-light": "#c7c7c7",
10
+ "color-neutral-light": "#d6d6d6",
11
+ "color-neutral-medium": "#b3b3b3",
12
+ "color-neutral-ultra-dark": "#363636",
13
+ "color-primary": "#053fbb",
14
+ "color-primary-ultra-dark": "#000f5c",
15
+ "color-secondary-ultra-light": "#c3e2f3",
16
+ "color-color-d637ff": "#d637ff",
17
+ "color-text-default": "#3d3d3d",
18
+ "color-text-inverse": "#f8f8f8",
19
+ "color-text-muted": "#636363",
20
+ "color-surface-page": "#ffffff",
21
+ "color-surface-inverse": "#000f5c",
22
+ "color-border-subtle": "#dddedf",
23
+ "color-action-primary": "#053fbb",
24
+ "thirdParty-cmplz-text-color": "#222222",
25
+ "thirdParty-cmplz-banner-border-color": "#f2f2f2",
26
+ "typography-font-family-brand": "Outfit",
27
+ "typography-heading-h4": "Outfit 300 1rem/1.2rem",
28
+ "typography-heading-h2": "Outfit 600 1.125rem/1.35rem",
29
+ "typography-heading-h3": "Outfit 600 1.25rem/1.5rem",
30
+ "typography-heading-h1": "Outfit 200 5.25rem/6.319rem",
31
+ "typography-body-14": "Outfit 300 0.875rem/1.05rem",
32
+ "typography-body-15": "Outfit 300 0.938rem/1.119rem",
33
+ "typography-body-16": "Outfit 300 1rem/1rem",
34
+ "typography-body-17": "Outfit 300 1.063rem/1.269rem",
35
+ "typography-body-18": "Outfit 300 1.125rem/1.35rem",
36
+ "typography-heading-display": "Outfit 200 3rem/3.6rem",
37
+ "typography-heading-hero": "Outfit 200 5.625rem/6.75rem",
38
+ "typography-body-24": "Outfit 600 1.5rem/1.8rem",
39
+ "spacing-space-xs": "clamp(0.4rem, 0.4rem, 0.4rem)",
40
+ "spacing-space-s": "clamp(0.8rem, 0.8rem, 0.8rem)",
41
+ "spacing-space-m": "clamp(1.2rem, calc(0.52vw + 1.05rem), 1.6rem)",
42
+ "spacing-space-l": "clamp(1.6rem, calc(0.52vw + 1.45rem), 2.0rem)",
43
+ "spacing-space-xl": "clamp(1.8rem, calc(0.78vw + 1.58rem), 2.4rem)",
44
+ "spacing-space-xxl": "clamp(2.4rem, calc(1.04vw + 2.11rem), 3.2rem)",
45
+ "spacing-section-space-xs": "3.84rem",
46
+ "spacing-section-space-s": "4.8rem",
47
+ "spacing-section-space-m": "6rem",
48
+ "spacing-section-space-l": "7.5rem",
49
+ "spacing-section-space-xl": "9.375rem",
50
+ "spacing-section-space-xxl": "11.719rem",
51
+ "spacing-space-48": "clamp(2.8rem, calc(2.09vw + 2.15rem), 4.8rem)",
52
+ "spacing-space-60": "clamp(3.2rem, calc(3.65vw + 1.83rem), 6.0rem)",
53
+ "spacing-space-80": "clamp(4.0rem, calc(5.22vw + 2.05rem), 8.0rem)",
54
+ "radius-radius-1": "8.88889px",
55
+ "radius-radius-2": "640px",
56
+ "radius-radius-3": "720px",
57
+ "radius-radius-4": "187.5px",
58
+ "radius-radius-5": "384px",
59
+ "radius-radius-6": "20px",
60
+ "radius-radius-7": "8px",
61
+ "radius-radius-8": "12px 12px 0px 0px",
62
+ "border-border-1": "1px",
63
+ "shadow-shadow-1": "rgba(0, 0, 0, 0.19) 0px 10px 20px 0px, rgba(0, 0, 0, 0.23) 0px 6px 6px 0px",
64
+ "shadow-shadow-2": "rgba(0, 0, 0, 0.1) 0px 10px 10px 0px",
65
+ "opacity-opacity-1": "0.35",
66
+ "zIndex-zIndex-1": "9999",
67
+ "zIndex-zIndex-2": "-1",
68
+ "zIndex-zIndex-3": "999",
69
+ "zIndex-zIndex-4": "1",
70
+ "zIndex-zIndex-5": "-2",
71
+ "zIndex-zIndex-6": "9998",
72
+ "zIndex-zIndex-7": "99",
73
+ "zIndex-zIndex-8": "999999",
74
+ "transitionDuration-transitionDuration-1": "0.3s",
75
+ "transitionDuration-transitionDuration-2": "0.1s",
76
+ "transitionDuration-transitionDuration-3": "0.2s",
77
+ "transitionDuration-transitionDuration-4": "0.15s",
78
+ "easing-easing-1": "ease-in-out",
79
+ "easing-easing-2": "cubic-bezier",
80
+ "easing-easing-3": "linear",
81
+ "animation-animation-1": "mc_slideOut",
82
+ "container-container-1": "2000px",
83
+ "container-container-2": "360px",
84
+ "container-container-3": "400px",
85
+ "grid-grid-1": "24px 195px",
86
+ "grid-grid-2": "24px 225px",
87
+ "grid-grid-3": "24px 198.422px",
88
+ "grid-grid-4": "24px 210.438px",
89
+ "grid-grid-5": "333.719px",
90
+ "grid-grid-6": "337.016px 337.031px",
91
+ "icon-icon-1": "24x24",
92
+ "icon-icon-2": "14x14",
93
+ "icon-icon-3": "18x18",
94
+ "icon-icon-4": "32x32",
95
+ "icon-icon-5": "30x30",
96
+ "icon-icon-6": "23x23",
97
+ "imageRatio-imageRatio-1": "3.19",
98
+ "imageRatio-imageRatio-2": "1",
99
+ "imageRatio-imageRatio-3": "1.78",
100
+ "imageRatio-imageRatio-4": "1.5",
101
+ "imageRatio-imageRatio-5": "1.77",
102
+ "imageRatio-imageRatio-6": "0.98",
103
+ "textTransform-textTransform-1": "capitalize",
104
+ "textTransform-textTransform-2": "uppercase",
105
+ "breakpoint-breakpoint-1": "max-width:768px",
106
+ "breakpoint-breakpoint-2": "max-width:992px",
107
+ "breakpoint-breakpoint-3": "max-width:1280px",
108
+ "breakpoint-breakpoint-4": "max-width:480px",
109
+ "breakpoint-breakpoint-5": "max-width:478px",
110
+ "breakpoint-breakpoint-6": "max-width:767px",
111
+ "breakpoint-breakpoint-7": "max-width:425px",
112
+ "breakpoint-breakpoint-8": "min-width:1281px",
113
+ "breakpoint-breakpoint-9": "min-width:481px",
114
+ "breakpoint-breakpoint-10": "min-width:768px",
115
+ "typography-heading-h4-family": "Outfit",
116
+ "typography-heading-h4-weight": "300",
117
+ "typography-heading-h4-size": "1rem",
118
+ "typography-heading-h4-line-height": "1.2rem",
119
+ "typography-heading-h2-family": "Outfit",
120
+ "typography-heading-h2-weight": "600",
121
+ "typography-heading-h2-size": "1.125rem",
122
+ "typography-heading-h2-line-height": "1.35rem",
123
+ "typography-heading-h3-family": "Outfit",
124
+ "typography-heading-h3-weight": "600",
125
+ "typography-heading-h3-size": "1.25rem",
126
+ "typography-heading-h3-line-height": "1.5rem",
127
+ "typography-heading-h1-family": "Outfit",
128
+ "typography-heading-h1-weight": "200",
129
+ "typography-heading-h1-size": "5.25rem",
130
+ "typography-heading-h1-line-height": "6.319rem",
131
+ "typography-body-14-family": "Outfit",
132
+ "typography-body-14-weight": "300",
133
+ "typography-body-14-size": "0.875rem",
134
+ "typography-body-14-line-height": "1.05rem",
135
+ "typography-body-15-family": "Outfit",
136
+ "typography-body-15-weight": "300",
137
+ "typography-body-15-size": "0.938rem",
138
+ "typography-body-15-line-height": "1.119rem",
139
+ "typography-body-16-family": "Outfit",
140
+ "typography-body-16-weight": "300",
141
+ "typography-body-16-size": "1rem",
142
+ "typography-body-16-line-height": "1rem",
143
+ "typography-body-17-family": "Outfit",
144
+ "typography-body-17-weight": "300",
145
+ "typography-body-17-size": "1.063rem",
146
+ "typography-body-17-line-height": "1.269rem",
147
+ "typography-body-18-family": "Outfit",
148
+ "typography-body-18-weight": "300",
149
+ "typography-body-18-size": "1.125rem",
150
+ "typography-body-18-line-height": "1.35rem",
151
+ "typography-heading-display-family": "Outfit",
152
+ "typography-heading-display-weight": "200",
153
+ "typography-heading-display-size": "3rem",
154
+ "typography-heading-display-line-height": "3.6rem",
155
+ "typography-heading-hero-family": "Outfit",
156
+ "typography-heading-hero-weight": "200",
157
+ "typography-heading-hero-size": "5.625rem",
158
+ "typography-heading-hero-line-height": "6.75rem",
159
+ "typography-body-24-family": "Outfit",
160
+ "typography-body-24-weight": "600",
161
+ "typography-body-24-size": "1.5rem",
162
+ "typography-body-24-line-height": "1.8rem",
163
+ "container-content": "128rem",
164
+ "color-primary-dark": "#032a7c",
165
+ "radius-s": "1.3333333333rem",
166
+ "radius-m": "2rem",
167
+ "radius-l": "3rem",
168
+ "radius-xl": "4.5rem",
169
+ "focus-ring-width": "3px",
170
+ "focus-ring-offset": "2px",
171
+ "container-card-min": "280px",
172
+ "container-form": "480px",
173
+ "section-hero-padding": "12.656rem",
174
+ "motion-duration-1": "0.3s",
175
+ "motion-easing-1": "ease-in-out",
176
+ "elevation-shadow-1": "rgba(0, 0, 0, 0.19) 0px 10px 20px 0px, rgba(0, 0, 0, 0.23) 0px 6px 6px 0px",
177
+ "radius-ordinal-1": "8.88889px",
178
+ "border-width-1": "1px",
179
+ "motion-duration-2": "0.1s",
180
+ "motion-easing-2": "cubic-bezier",
181
+ "elevation-shadow-2": "rgba(0, 0, 0, 0.1) 0px 10px 10px 0px",
182
+ "radius-ordinal-2": "640px",
183
+ "motion-duration-3": "0.2s",
184
+ "motion-easing-3": "linear",
185
+ "radius-ordinal-3": "720px"
186
+ }