rift-ds 1.0.0

package/tokens/presets/warm.css

@@ -0,0 +1,320 @@
+/*
+ * AUTO-GENERATED. Do not edit.
+ * Theme preset "warm" (Ember).
+ * Source of truth: website/src/lib/theme/presets.ts (THEME_PRESETS + presetOverrides).
+ * Fonts: self-hosted from src/fonts/presets/ (scripts/sync-preset-fonts.mjs; OFL-1.1).
+ * Regenerate: node scripts/generate-preset-stylesheets.mjs
+ * Import after tokens.css, then set data-brand="warm" on <html>.
+ */
+@font-face {
+  font-family: 'Source Sans 3';
+  font-style: normal;
+  font-weight: 300 700;
+  font-display: swap;
+  src: url('../../fonts/presets/source-sans-3-300-700-latin.woff2') format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+@font-face {
+  font-family: 'Source Sans 3';
+  font-style: normal;
+  font-weight: 300 700;
+  font-display: swap;
+  src: url('../../fonts/presets/source-sans-3-300-700-latin-ext.woff2') format('woff2');
+  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+@font-face {
+  font-family: 'Lora';
+  font-style: normal;
+  font-weight: 400 700;
+  font-display: swap;
+  src: url('../../fonts/presets/lora-400-700-latin.woff2') format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+@font-face {
+  font-family: 'Lora';
+  font-style: normal;
+  font-weight: 400 700;
+  font-display: swap;
+  src: url('../../fonts/presets/lora-400-700-latin-ext.woff2') format('woff2');
+  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+html[data-brand="warm"] {
+  --color-action-icon-active: var(--primitive-orange-11);
+  --color-action-primary-bg: var(--primitive-orange-07);
+  --color-action-primary-bg-active: var(--primitive-orange-09);
+  --color-action-primary-bg-hover: var(--primitive-orange-08);
+  --color-action-primary-border: var(--primitive-orange-10);
+  --color-action-primary-border-secondary: var(--primitive-orange-07);
+  --color-action-primary-border-tertiary: var(--primitive-orange-07);
+  --color-action-primary-text: var(--primitive-orange-11);
+  --color-action-primary-text-secondary: var(--primitive-orange-10);
+  --color-action-primary-text-tertiary: var(--primitive-orange-08);
+  --color-ai-gradient-end: var(--primitive-orange-07);
+  --color-core-accent-amber: #E0955C;
+  --color-core-accent-cobalt: #5E6FA8;
+  --color-core-accent-coral: #D4695F;
+  --color-core-accent-gold: #E7C175;
+  --color-core-accent-mint: #7FAE8F;
+  --color-core-accent-violet: #A5789F;
+  --color-core-ui-primary: var(--primitive-orange-07);
+  --color-core-ui-secondary: var(--primitive-orange-10);
+  --color-input-border-hover: var(--primitive-orange-08);
+  --color-input-border-selected: var(--primitive-orange-07);
+  --font-family-heading: 'Lora', serif;
+  --font-family-primary: 'Source Sans 3', sans-serif;
+  --primitive-blue-00: #FAFBFD;
+  --primitive-blue-01: #F4F5FA;
+  --primitive-blue-02: #E1E3F0;
+  --primitive-blue-03: #C2C7E0;
+  --primitive-blue-04: #9FA8CF;
+  --primitive-blue-05: #7A86BD;
+  --primitive-blue-06: #5A69AD;
+  --primitive-blue-07: #3D4E9E;
+  --primitive-blue-08: #2E3B78;
+  --primitive-blue-09: #202953;
+  --primitive-blue-10: #12172E;
+  --primitive-blue-11: #0C1020;
+  --primitive-green-00: #F9FCFB;
+  --primitive-green-01: #F0F8F5;
+  --primitive-green-02: #D6ECE2;
+  --primitive-green-03: #ACD8C5;
+  --primitive-green-04: #82C5A8;
+  --primitive-green-05: #72BD9D;
+  --primitive-green-06: #5FB590;
+  --primitive-green-07: #44A87D;
+  --primitive-green-08: #358261;
+  --primitive-green-09: #265E46;
+  --primitive-green-10: #163729;
+  --primitive-green-11: #112A20;
+  --primitive-neutral-00: #FAF6F2;
+  --primitive-neutral-00-a01: rgba(250, 246, 242, 0.01);
+  --primitive-neutral-00-a60: rgba(250, 246, 242, 0.6);
+  --primitive-neutral-00-a90: rgba(250, 246, 242, 0.9);
+  --primitive-neutral-01: #EDE9E5;
+  --primitive-neutral-01-a01: rgba(237, 233, 229, 0.01);
+  --primitive-neutral-01-a60: rgba(237, 233, 229, 0.6);
+  --primitive-neutral-01-a82: rgba(237, 233, 229, 0.82);
+  --primitive-neutral-02: #D4D0CC;
+  --primitive-neutral-02-a80: rgba(212, 208, 204, 0.8);
+  --primitive-neutral-03: #BCB8B4;
+  --primitive-neutral-03-a80: rgba(188, 184, 180, 0.8);
+  --primitive-neutral-04: #A4A09C;
+  --primitive-neutral-05: #8C8884;
+  --primitive-neutral-06: #746F6C;
+  --primitive-neutral-07: #3C3734;
+  --primitive-neutral-07-a80: rgba(60, 55, 52, 0.8);
+  --primitive-neutral-08: #302B28;
+  --primitive-neutral-08-a80: rgba(48, 43, 40, 0.8);
+  --primitive-neutral-09: #1C1814;
+  --primitive-neutral-09-a01: rgba(28, 24, 20, 0.01);
+  --primitive-neutral-09-a60: rgba(28, 24, 20, 0.6);
+  --primitive-neutral-09-a66: rgba(28, 24, 20, 0.66);
+  --primitive-neutral-09-a80: rgba(28, 24, 20, 0.8);
+  --primitive-neutral-10: #14100C;
+  --primitive-neutral-10-a01: rgba(20, 16, 12, 0.01);
+  --primitive-neutral-10-a60: rgba(20, 16, 12, 0.6);
+  --primitive-neutral-11: #0F0B07;
+  --primitive-orange-00: #FEFBFA;
+  --primitive-orange-01: #FCF6F4;
+  --primitive-orange-02: #F4D8CE;
+  --primitive-orange-03: #E9B19F;
+  --primitive-orange-04: #E08F74;
+  --primitive-orange-05: #DD876A;
+  --primitive-orange-06: #DC8063;
+  --primitive-orange-07: #D97757;
+  --primitive-orange-08: #A45A42;
+  --primitive-orange-09: #75402F;
+  --primitive-orange-10: #46261C;
+  --primitive-orange-11: #341C15;
+  --primitive-purple-00: #FCFBFD;
+  --primitive-purple-01: #F7F4FA;
+  --primitive-purple-02: #E6D9EF;
+  --primitive-purple-03: #CFB5E0;
+  --primitive-purple-04: #B188CC;
+  --primitive-purple-05: #9B67BE;
+  --primitive-purple-06: #9B67BE;
+  --primitive-purple-07: #9B67BE;
+  --primitive-purple-08: #724C8C;
+  --primitive-purple-09: #503562;
+  --primitive-purple-10: #30203B;
+  --primitive-purple-11: #24182C;
+  --primitive-red-00: #FDF8F8;
+  --primitive-red-01: #FBEFF0;
+  --primitive-red-02: #F4D4D7;
+  --primitive-red-03: #EEBCC1;
+  --primitive-red-04: #E7A5AB;
+  --primitive-red-05: #E08A92;
+  --primitive-red-06: #DA737C;
+  --primitive-red-07: #D45B66;
+  --primitive-red-08: #B04B55;
+  --primitive-red-09: #79343A;
+  --primitive-red-10: #492023;
+  --primitive-red-11: #37181A;
+  --primitive-teal-00: #F8FCFC;
+  --primitive-teal-01: #F1F8F8;
+  --primitive-teal-02: #D9EBED;
+  --primitive-teal-03: #AFD7DA;
+  --primitive-teal-04: #84C1C6;
+  --primitive-teal-05: #58AAB1;
+  --primitive-teal-06: #409EA6;
+  --primitive-teal-07: #28929B;
+  --primitive-teal-08: #20767D;
+  --primitive-teal-09: #175459;
+  --primitive-teal-10: #0D3033;
+  --primitive-teal-11: #092225;
+  --primitive-yellow-00: #FEFBF7;
+  --primitive-yellow-01: #FCF7ED;
+  --primitive-yellow-02: #F8EBD2;
+  --primitive-yellow-03: #F3DDB2;
+  --primitive-yellow-04: #EECF91;
+  --primitive-yellow-05: #ECCB8A;
+  --primitive-yellow-06: #EBC983;
+  --primitive-yellow-07: #EAC57B;
+  --primitive-yellow-08: #A58B57;
+  --primitive-yellow-09: #72603C;
+  --primitive-yellow-10: #423823;
+  --primitive-yellow-11: #322A1A;
+}
+
+html[data-brand="warm"][data-theme="dark"] {
+  --color-action-icon-active: var(--primitive-orange-11);
+  --color-action-primary-bg: var(--primitive-orange-07);
+  --color-action-primary-bg-active: var(--primitive-orange-05);
+  --color-action-primary-bg-hover: var(--primitive-orange-06);
+  --color-action-primary-border: var(--primitive-orange-07);
+  --color-action-primary-border-secondary: var(--primitive-orange-08);
+  --color-action-primary-border-tertiary: var(--primitive-orange-07);
+  --color-action-primary-text: var(--primitive-orange-11);
+  --color-action-primary-text-active: var(--primitive-orange-11);
+  --color-action-primary-text-secondary: var(--primitive-orange-10);
+  --color-action-primary-text-tertiary: var(--primitive-orange-07);
+  --color-ai-gradient-end: var(--primitive-orange-08);
+  --color-core-accent-amber: #E0955C;
+  --color-core-accent-cobalt: #5E6FA8;
+  --color-core-accent-coral: #D4695F;
+  --color-core-accent-gold: #E7C175;
+  --color-core-accent-mint: #7FAE8F;
+  --color-core-accent-violet: #A5789F;
+  --color-core-ui-primary: var(--primitive-orange-07);
+  --color-core-ui-secondary: var(--primitive-orange-09);
+  --color-input-border-hover: var(--primitive-orange-08);
+  --color-input-border-selected: var(--primitive-orange-08);
+  --font-family-heading: 'Lora', serif;
+  --font-family-primary: 'Source Sans 3', sans-serif;
+  --primitive-blue-00: #FAFBFD;
+  --primitive-blue-01: #F4F5FA;
+  --primitive-blue-02: #E1E3F0;
+  --primitive-blue-03: #C2C7E0;
+  --primitive-blue-04: #9FA8CF;
+  --primitive-blue-05: #7A86BD;
+  --primitive-blue-06: #5A69AD;
+  --primitive-blue-07: #3D4E9E;
+  --primitive-blue-08: #2E3B78;
+  --primitive-blue-09: #202953;
+  --primitive-blue-10: #12172E;
+  --primitive-blue-11: #0C1020;
+  --primitive-green-00: #F9FCFB;
+  --primitive-green-01: #F0F8F5;
+  --primitive-green-02: #D6ECE2;
+  --primitive-green-03: #ACD8C5;
+  --primitive-green-04: #82C5A8;
+  --primitive-green-05: #72BD9D;
+  --primitive-green-06: #5FB590;
+  --primitive-green-07: #44A87D;
+  --primitive-green-08: #358261;
+  --primitive-green-09: #265E46;
+  --primitive-green-10: #163729;
+  --primitive-green-11: #112A20;
+  --primitive-neutral-00: #FAF6F2;
+  --primitive-neutral-00-a01: rgba(250, 246, 242, 0.01);
+  --primitive-neutral-00-a60: rgba(250, 246, 242, 0.6);
+  --primitive-neutral-00-a90: rgba(250, 246, 242, 0.9);
+  --primitive-neutral-01: #EDE9E5;
+  --primitive-neutral-01-a01: rgba(237, 233, 229, 0.01);
+  --primitive-neutral-01-a60: rgba(237, 233, 229, 0.6);
+  --primitive-neutral-01-a82: rgba(237, 233, 229, 0.82);
+  --primitive-neutral-02: #D4D0CC;
+  --primitive-neutral-02-a80: rgba(212, 208, 204, 0.8);
+  --primitive-neutral-03: #BCB8B4;
+  --primitive-neutral-03-a80: rgba(188, 184, 180, 0.8);
+  --primitive-neutral-04: #A4A09C;
+  --primitive-neutral-05: #8C8884;
+  --primitive-neutral-06: #746F6C;
+  --primitive-neutral-07: #3C3734;
+  --primitive-neutral-07-a80: rgba(60, 55, 52, 0.8);
+  --primitive-neutral-08: #302B28;
+  --primitive-neutral-08-a80: rgba(48, 43, 40, 0.8);
+  --primitive-neutral-09: #1C1814;
+  --primitive-neutral-09-a01: rgba(28, 24, 20, 0.01);
+  --primitive-neutral-09-a60: rgba(28, 24, 20, 0.6);
+  --primitive-neutral-09-a66: rgba(28, 24, 20, 0.66);
+  --primitive-neutral-09-a80: rgba(28, 24, 20, 0.8);
+  --primitive-neutral-10: #14100C;
+  --primitive-neutral-10-a01: rgba(20, 16, 12, 0.01);
+  --primitive-neutral-10-a60: rgba(20, 16, 12, 0.6);
+  --primitive-neutral-11: #0F0B07;
+  --primitive-orange-00: #FEFBFA;
+  --primitive-orange-01: #FCF6F4;
+  --primitive-orange-02: #F4D8CE;
+  --primitive-orange-03: #E9B19F;
+  --primitive-orange-04: #E08F74;
+  --primitive-orange-05: #DD876A;
+  --primitive-orange-06: #DC8063;
+  --primitive-orange-07: #D97757;
+  --primitive-orange-08: #A45A42;
+  --primitive-orange-09: #75402F;
+  --primitive-orange-10: #46261C;
+  --primitive-orange-11: #341C15;
+  --primitive-purple-00: #FCFBFD;
+  --primitive-purple-01: #F7F4FA;
+  --primitive-purple-02: #E6D9EF;
+  --primitive-purple-03: #CFB5E0;
+  --primitive-purple-04: #B188CC;
+  --primitive-purple-05: #9B67BE;
+  --primitive-purple-06: #9B67BE;
+  --primitive-purple-07: #9B67BE;
+  --primitive-purple-08: #724C8C;
+  --primitive-purple-09: #503562;
+  --primitive-purple-10: #30203B;
+  --primitive-purple-11: #24182C;
+  --primitive-red-00: #FDF8F8;
+  --primitive-red-01: #FBEFF0;
+  --primitive-red-02: #F4D4D7;
+  --primitive-red-03: #EEBCC1;
+  --primitive-red-04: #E7A5AB;
+  --primitive-red-05: #E08A92;
+  --primitive-red-06: #DA737C;
+  --primitive-red-07: #D45B66;
+  --primitive-red-08: #B04B55;
+  --primitive-red-09: #79343A;
+  --primitive-red-10: #492023;
+  --primitive-red-11: #37181A;
+  --primitive-teal-00: #F8FCFC;
+  --primitive-teal-01: #F1F8F8;
+  --primitive-teal-02: #D9EBED;
+  --primitive-teal-03: #AFD7DA;
+  --primitive-teal-04: #84C1C6;
+  --primitive-teal-05: #58AAB1;
+  --primitive-teal-06: #409EA6;
+  --primitive-teal-07: #28929B;
+  --primitive-teal-08: #20767D;
+  --primitive-teal-09: #175459;
+  --primitive-teal-10: #0D3033;
+  --primitive-teal-11: #092225;
+  --primitive-yellow-00: #FEFBF7;
+  --primitive-yellow-01: #FCF7ED;
+  --primitive-yellow-02: #F8EBD2;
+  --primitive-yellow-03: #F3DDB2;
+  --primitive-yellow-04: #EECF91;
+  --primitive-yellow-05: #ECCB8A;
+  --primitive-yellow-06: #EBC983;
+  --primitive-yellow-07: #EAC57B;
+  --primitive-yellow-08: #A58B57;
+  --primitive-yellow-09: #72603C;
+  --primitive-yellow-10: #423823;
+  --primitive-yellow-11: #322A1A;
+}

package/tokens/presets/zest.css

@@ -0,0 +1,359 @@
+/*
+ * AUTO-GENERATED. Do not edit.
+ * Theme preset "zest" (Zest).
+ * Source of truth: website/src/lib/theme/presets.ts (THEME_PRESETS + presetOverrides).
+ * Fonts: self-hosted from src/fonts/presets/ (scripts/sync-preset-fonts.mjs; OFL-1.1).
+ * Regenerate: node scripts/generate-preset-stylesheets.mjs
+ * Import after tokens.css, then set data-brand="zest" on <html>.
+ */
+@font-face {
+  font-family: 'Inter';
+  font-style: normal;
+  font-weight: 300 700;
+  font-display: swap;
+  src: url('../../fonts/presets/inter-300-700-latin.woff2') format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+@font-face {
+  font-family: 'Inter';
+  font-style: normal;
+  font-weight: 300 700;
+  font-display: swap;
+  src: url('../../fonts/presets/inter-300-700-latin-ext.woff2') format('woff2');
+  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+@font-face {
+  font-family: 'Inter Tight';
+  font-style: normal;
+  font-weight: 300 900;
+  font-display: swap;
+  src: url('../../fonts/presets/inter-tight-300-900-latin.woff2') format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+@font-face {
+  font-family: 'Inter Tight';
+  font-style: normal;
+  font-weight: 300 900;
+  font-display: swap;
+  src: url('../../fonts/presets/inter-tight-300-900-latin-ext.woff2') format('woff2');
+  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+html[data-brand="zest"] {
+  --color-action-icon-active: var(--primitive-green-11);
+  --color-action-primary-bg: var(--primitive-green-07);
+  --color-action-primary-bg-active: var(--primitive-green-09);
+  --color-action-primary-bg-hover: var(--primitive-green-08);
+  --color-action-primary-border: var(--primitive-green-10);
+  --color-action-primary-border-secondary: var(--primitive-green-07);
+  --color-action-primary-border-tertiary: var(--primitive-green-07);
+  --color-action-primary-text: var(--primitive-green-11);
+  --color-action-primary-text-active: var(--primitive-green-11);
+  --color-action-primary-text-secondary: var(--primitive-green-10);
+  --color-action-primary-text-tertiary: var(--primitive-green-08);
+  --color-ai-gradient-end: var(--primitive-green-07);
+  --color-core-accent-amber: #FFA94D;
+  --color-core-accent-cobalt: #5AA9E6;
+  --color-core-accent-coral: #FF7A66;
+  --color-core-accent-gold: #FFE14D;
+  --color-core-accent-mint: #8AE86E;
+  --color-core-accent-violet: #B18CFF;
+  --color-core-ui-primary: var(--primitive-green-07);
+  --color-core-ui-secondary: var(--primitive-green-10);
+  --color-input-border-hover: var(--primitive-green-08);
+  --color-input-border-selected: var(--primitive-green-07);
+  --font-display-1-letter-spacing: -0.025em;
+  --font-display-1-weight: 800;
+  --font-display-2-letter-spacing: -0.02em;
+  --font-display-2-weight: 800;
+  --font-family-heading: 'Inter Tight', sans-serif;
+  --font-family-primary: 'Inter', sans-serif;
+  --font-mega-1-letter-spacing: -0.03em;
+  --font-mega-1-weight: 800;
+  --font-mega-2-letter-spacing: -0.03em;
+  --font-mega-2-weight: 800;
+  --font-sub-display-letter-spacing: -0.015em;
+  --font-sub-display-weight: 700;
+  --primitive-blue-00: #FAFCFE;
+  --primitive-blue-01: #F4F7FE;
+  --primitive-blue-02: #E1E8FB;
+  --primitive-blue-03: #C2D0F8;
+  --primitive-blue-04: #9FB6F4;
+  --primitive-blue-05: #7A9AEF;
+  --primitive-blue-06: #5A81EB;
+  --primitive-blue-07: #3D6BE8;
+  --primitive-blue-08: #2E52B1;
+  --primitive-blue-09: #203879;
+  --primitive-blue-10: #121F43;
+  --primitive-blue-11: #0C152E;
+  --primitive-green-00: #FBFEFA;
+  --primitive-green-01: #F6FDF4;
+  --primitive-green-02: #E5FADF;
+  --primitive-green-03: #CBF5BF;
+  --primitive-green-04: #B1F09E;
+  --primitive-green-05: #A7EE92;
+  --primitive-green-06: #9BEB83;
+  --primitive-green-07: #8AE86E;
+  --primitive-green-08: #6BB455;
+  --primitive-green-09: #4D813D;
+  --primitive-green-10: #2D4B24;
+  --primitive-green-11: #233B1C;
+  --primitive-neutral-00: #F6F7F5;
+  --primitive-neutral-00-a01: rgba(246, 247, 245, 0.01);
+  --primitive-neutral-00-a60: rgba(246, 247, 245, 0.6);
+  --primitive-neutral-00-a90: rgba(246, 247, 245, 0.9);
+  --primitive-neutral-01: #E8E9E7;
+  --primitive-neutral-01-a01: rgba(232, 233, 231, 0.01);
+  --primitive-neutral-01-a60: rgba(232, 233, 231, 0.6);
+  --primitive-neutral-01-a82: rgba(232, 233, 231, 0.82);
+  --primitive-neutral-02: #CECFCD;
+  --primitive-neutral-02-a80: rgba(206, 207, 205, 0.8);
+  --primitive-neutral-03: #B5B7B4;
+  --primitive-neutral-03-a80: rgba(181, 183, 180, 0.8);
+  --primitive-neutral-04: #9C9E9C;
+  --primitive-neutral-05: #838583;
+  --primitive-neutral-06: #6A6B69;
+  --primitive-neutral-07: #2F302E;
+  --primitive-neutral-07-a80: rgba(47, 48, 46, 0.8);
+  --primitive-neutral-08: #222422;
+  --primitive-neutral-08-a80: rgba(34, 36, 34, 0.8);
+  --primitive-neutral-09: #0E0F0D;
+  --primitive-neutral-09-a01: rgba(14, 15, 13, 0.01);
+  --primitive-neutral-09-a60: rgba(14, 15, 13, 0.6);
+  --primitive-neutral-09-a66: rgba(14, 15, 13, 0.66);
+  --primitive-neutral-09-a80: rgba(14, 15, 13, 0.8);
+  --primitive-neutral-10: #060705;
+  --primitive-neutral-10-a01: rgba(6, 7, 5, 0.01);
+  --primitive-neutral-10-a60: rgba(6, 7, 5, 0.6);
+  --primitive-neutral-11: #010200;
+  --primitive-orange-00: #FFFCFA;
+  --primitive-orange-01: #FFF7F2;
+  --primitive-orange-02: #FFDEC8;
+  --primitive-orange-03: #FFBD93;
+  --primitive-orange-04: #FFA063;
+  --primitive-orange-05: #FF9958;
+  --primitive-orange-06: #FF944F;
+  --primitive-orange-07: #FF8C42;
+  --primitive-orange-08: #C16A32;
+  --primitive-orange-09: #8A4C24;
+  --primitive-orange-10: #522D15;
+  --primitive-orange-11: #3D2110;
+  --primitive-purple-00: #FCFBFF;
+  --primitive-purple-01: #F8F3FE;
+  --primitive-purple-02: #E6D6FC;
+  --primitive-purple-03: #CFB0FA;
+  --primitive-purple-04: #B280F7;
+  --primitive-purple-05: #9C5CF5;
+  --primitive-purple-06: #9C5CF5;
+  --primitive-purple-07: #9C5CF5;
+  --primitive-purple-08: #7344B5;
+  --primitive-purple-09: #51307F;
+  --primitive-purple-10: #301D4C;
+  --primitive-purple-11: #241539;
+  --primitive-radius-050: 3px;
+  --primitive-radius-100: 6px;
+  --primitive-radius-1200: 67px;
+  --primitive-radius-200: 11px;
+  --primitive-radius-300: 17px;
+  --primitive-radius-400: 22px;
+  --primitive-radius-600: 34px;
+  --primitive-red-00: #FEF7F8;
+  --primitive-red-01: #FEECEF;
+  --primitive-red-02: #FBCED4;
+  --primitive-red-03: #F9B3BD;
+  --primitive-red-04: #F798A5;
+  --primitive-red-05: #F4798B;
+  --primitive-red-06: #F25E73;
+  --primitive-red-07: #F0435C;
+  --primitive-red-08: #C7384C;
+  --primitive-red-09: #892635;
+  --primitive-red-10: #531720;
+  --primitive-red-11: #3E1118;
+  --primitive-teal-00: #F8FDFD;
+  --primitive-teal-01: #F0FAFB;
+  --primitive-teal-02: #D7F2F5;
+  --primitive-teal-03: #ACE4EB;
+  --primitive-teal-04: #7FD5E0;
+  --primitive-teal-05: #51C6D5;
+  --primitive-teal-06: #38BDCF;
+  --primitive-teal-07: #1FB5C9;
+  --primitive-teal-08: #1992A2;
+  --primitive-teal-09: #126874;
+  --primitive-teal-10: #0A3B42;
+  --primitive-teal-11: #072B2F;
+  --primitive-yellow-00: #FFFDF4;
+  --primitive-yellow-01: #FFFBE7;
+  --primitive-yellow-02: #FFF5C3;
+  --primitive-yellow-03: #FFEE97;
+  --primitive-yellow-04: #FFE66B;
+  --primitive-yellow-05: #FFE461;
+  --primitive-yellow-06: #FFE358;
+  --primitive-yellow-07: #FFE14D;
+  --primitive-yellow-08: #B49E36;
+  --primitive-yellow-09: #7D6E26;
+  --primitive-yellow-10: #484016;
+  --primitive-yellow-11: #373011;
+  --shadow-floating: 0 6px 24px rgba(0, 0, 0, 0.08);
+  --shadow-modal: 0 12px 48px rgba(0, 0, 0, 0.14);
+}
+
+html[data-brand="zest"][data-theme="dark"] {
+  --color-action-icon-active: var(--primitive-green-11);
+  --color-action-primary-bg: var(--primitive-green-07);
+  --color-action-primary-bg-active: var(--primitive-green-05);
+  --color-action-primary-bg-hover: var(--primitive-green-06);
+  --color-action-primary-border: var(--primitive-green-07);
+  --color-action-primary-border-secondary: var(--primitive-green-08);
+  --color-action-primary-border-tertiary: var(--primitive-green-07);
+  --color-action-primary-text: var(--primitive-green-11);
+  --color-action-primary-text-active: var(--primitive-green-11);
+  --color-action-primary-text-secondary: var(--primitive-green-10);
+  --color-action-primary-text-tertiary: var(--primitive-green-07);
+  --color-ai-gradient-end: var(--primitive-green-08);
+  --color-core-accent-amber: #FFA94D;
+  --color-core-accent-cobalt: #5AA9E6;
+  --color-core-accent-coral: #FF7A66;
+  --color-core-accent-gold: #FFE14D;
+  --color-core-accent-mint: #8AE86E;
+  --color-core-accent-violet: #B18CFF;
+  --color-core-ui-primary: var(--primitive-green-07);
+  --color-core-ui-secondary: var(--primitive-green-09);
+  --color-input-border-hover: var(--primitive-green-08);
+  --color-input-border-selected: var(--primitive-green-08);
+  --font-display-1-letter-spacing: -0.025em;
+  --font-display-1-weight: 800;
+  --font-display-2-letter-spacing: -0.02em;
+  --font-display-2-weight: 800;
+  --font-family-heading: 'Inter Tight', sans-serif;
+  --font-family-primary: 'Inter', sans-serif;
+  --font-mega-1-letter-spacing: -0.03em;
+  --font-mega-1-weight: 800;
+  --font-mega-2-letter-spacing: -0.03em;
+  --font-mega-2-weight: 800;
+  --font-sub-display-letter-spacing: -0.015em;
+  --font-sub-display-weight: 700;
+  --primitive-blue-00: #FAFCFE;
+  --primitive-blue-01: #F4F7FE;
+  --primitive-blue-02: #E1E8FB;
+  --primitive-blue-03: #C2D0F8;
+  --primitive-blue-04: #9FB6F4;
+  --primitive-blue-05: #7A9AEF;
+  --primitive-blue-06: #5A81EB;
+  --primitive-blue-07: #3D6BE8;
+  --primitive-blue-08: #2E52B1;
+  --primitive-blue-09: #203879;
+  --primitive-blue-10: #121F43;
+  --primitive-blue-11: #0C152E;
+  --primitive-green-00: #FBFEFA;
+  --primitive-green-01: #F6FDF4;
+  --primitive-green-02: #E5FADF;
+  --primitive-green-03: #CBF5BF;
+  --primitive-green-04: #B1F09E;
+  --primitive-green-05: #A7EE92;
+  --primitive-green-06: #9BEB83;
+  --primitive-green-07: #8AE86E;
+  --primitive-green-08: #6BB455;
+  --primitive-green-09: #4D813D;
+  --primitive-green-10: #2D4B24;
+  --primitive-green-11: #233B1C;
+  --primitive-neutral-00: #F6F7F5;
+  --primitive-neutral-00-a01: rgba(246, 247, 245, 0.01);
+  --primitive-neutral-00-a60: rgba(246, 247, 245, 0.6);
+  --primitive-neutral-00-a90: rgba(246, 247, 245, 0.9);
+  --primitive-neutral-01: #E8E9E7;
+  --primitive-neutral-01-a01: rgba(232, 233, 231, 0.01);
+  --primitive-neutral-01-a60: rgba(232, 233, 231, 0.6);
+  --primitive-neutral-01-a82: rgba(232, 233, 231, 0.82);
+  --primitive-neutral-02: #CECFCD;
+  --primitive-neutral-02-a80: rgba(206, 207, 205, 0.8);
+  --primitive-neutral-03: #B5B7B4;
+  --primitive-neutral-03-a80: rgba(181, 183, 180, 0.8);
+  --primitive-neutral-04: #9C9E9C;
+  --primitive-neutral-05: #838583;
+  --primitive-neutral-06: #6A6B69;
+  --primitive-neutral-07: #2F302E;
+  --primitive-neutral-07-a80: rgba(47, 48, 46, 0.8);
+  --primitive-neutral-08: #222422;
+  --primitive-neutral-08-a80: rgba(34, 36, 34, 0.8);
+  --primitive-neutral-09: #0E0F0D;
+  --primitive-neutral-09-a01: rgba(14, 15, 13, 0.01);
+  --primitive-neutral-09-a60: rgba(14, 15, 13, 0.6);
+  --primitive-neutral-09-a66: rgba(14, 15, 13, 0.66);
+  --primitive-neutral-09-a80: rgba(14, 15, 13, 0.8);
+  --primitive-neutral-10: #060705;
+  --primitive-neutral-10-a01: rgba(6, 7, 5, 0.01);
+  --primitive-neutral-10-a60: rgba(6, 7, 5, 0.6);
+  --primitive-neutral-11: #010200;
+  --primitive-orange-00: #FFFCFA;
+  --primitive-orange-01: #FFF7F2;
+  --primitive-orange-02: #FFDEC8;
+  --primitive-orange-03: #FFBD93;
+  --primitive-orange-04: #FFA063;
+  --primitive-orange-05: #FF9958;
+  --primitive-orange-06: #FF944F;
+  --primitive-orange-07: #FF8C42;
+  --primitive-orange-08: #C16A32;
+  --primitive-orange-09: #8A4C24;
+  --primitive-orange-10: #522D15;
+  --primitive-orange-11: #3D2110;
+  --primitive-purple-00: #FCFBFF;
+  --primitive-purple-01: #F8F3FE;
+  --primitive-purple-02: #E6D6FC;
+  --primitive-purple-03: #CFB0FA;
+  --primitive-purple-04: #B280F7;
+  --primitive-purple-05: #9C5CF5;
+  --primitive-purple-06: #9C5CF5;
+  --primitive-purple-07: #9C5CF5;
+  --primitive-purple-08: #7344B5;
+  --primitive-purple-09: #51307F;
+  --primitive-purple-10: #301D4C;
+  --primitive-purple-11: #241539;
+  --primitive-radius-050: 3px;
+  --primitive-radius-100: 6px;
+  --primitive-radius-1200: 67px;
+  --primitive-radius-200: 11px;
+  --primitive-radius-300: 17px;
+  --primitive-radius-400: 22px;
+  --primitive-radius-600: 34px;
+  --primitive-red-00: #FEF7F8;
+  --primitive-red-01: #FEECEF;
+  --primitive-red-02: #FBCED4;
+  --primitive-red-03: #F9B3BD;
+  --primitive-red-04: #F798A5;
+  --primitive-red-05: #F4798B;
+  --primitive-red-06: #F25E73;
+  --primitive-red-07: #F0435C;
+  --primitive-red-08: #C7384C;
+  --primitive-red-09: #892635;
+  --primitive-red-10: #531720;
+  --primitive-red-11: #3E1118;
+  --primitive-teal-00: #F8FDFD;
+  --primitive-teal-01: #F0FAFB;
+  --primitive-teal-02: #D7F2F5;
+  --primitive-teal-03: #ACE4EB;
+  --primitive-teal-04: #7FD5E0;
+  --primitive-teal-05: #51C6D5;
+  --primitive-teal-06: #38BDCF;
+  --primitive-teal-07: #1FB5C9;
+  --primitive-teal-08: #1992A2;
+  --primitive-teal-09: #126874;
+  --primitive-teal-10: #0A3B42;
+  --primitive-teal-11: #072B2F;
+  --primitive-yellow-00: #FFFDF4;
+  --primitive-yellow-01: #FFFBE7;
+  --primitive-yellow-02: #FFF5C3;
+  --primitive-yellow-03: #FFEE97;
+  --primitive-yellow-04: #FFE66B;
+  --primitive-yellow-05: #FFE461;
+  --primitive-yellow-06: #FFE358;
+  --primitive-yellow-07: #FFE14D;
+  --primitive-yellow-08: #B49E36;
+  --primitive-yellow-09: #7D6E26;
+  --primitive-yellow-10: #484016;
+  --primitive-yellow-11: #373011;
+  --shadow-floating: 0 6px 24px rgba(0, 0, 0, 0.45);
+  --shadow-modal: 0 12px 48px rgba(0, 0, 0, 0.5);
+}

package/tokens/registry.d.ts

@@ -0,0 +1,22 @@
+/**
+ * TOKEN REGISTRY — the single source of truth for the semantic-token
+ * count.
+ *
+ * registry.json is GENERATED from the semantic token CSS
+ * (tokens-light.css + tokens-typography.css + tokens-motion.css) by
+ * scripts/generate-token-registry.mjs, and
+ * scripts/validate-token-registry.mjs re-checks it (plus light/dark
+ * colour parity) on every build — library, Storybook, and website —
+ * so the counts here cannot silently drift from the CSS.
+ *
+ * Anywhere a token count is displayed — case studies, foundations
+ * pages, Storybook docs — import TOKEN_COUNT / TOKEN_COUNTS from here.
+ * Never hardcode the number.
+ */
+export type TokenCategory = 'colour' | 'typography' | 'spacing' | 'radius' | 'border' | 'shadow' | 'icons' | 'motion';
+/** Semantic token names, grouped by category. */
+export declare const tokenRegistry: Record<TokenCategory, readonly string[]>;
+/** Semantic-token count per category. */
+export declare const TOKEN_COUNTS: Record<TokenCategory, number>;
+/** The official semantic-token count. */
+export declare const TOKEN_COUNT: number;