rift-ds 1.0.0

package/tokens/presets/mono.css

@@ -0,0 +1,286 @@
+/*
+ * AUTO-GENERATED. Do not edit.
+ * Theme preset "mono" (Smoke).
+ * 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="mono" 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: 'Montserrat';
+  font-style: normal;
+  font-weight: 300 700;
+  font-display: swap;
+  src: url('../../fonts/presets/montserrat-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: 'Montserrat';
+  font-style: normal;
+  font-weight: 300 700;
+  font-display: swap;
+  src: url('../../fonts/presets/montserrat-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;
+}
+
+html[data-brand="mono"] {
+  --color-action-icon-active: var(--primitive-neutral-02);
+  --color-action-primary-bg: var(--primitive-neutral-08);
+  --color-action-primary-bg-active: var(--primitive-neutral-10);
+  --color-action-primary-bg-hover: var(--primitive-neutral-09);
+  --color-action-primary-border: var(--primitive-neutral-09);
+  --color-action-primary-border-secondary: var(--primitive-neutral-08);
+  --color-action-primary-border-tertiary: var(--primitive-neutral-08);
+  --color-action-primary-text: var(--primitive-neutral-02);
+  --color-action-primary-text-secondary: var(--primitive-neutral-09);
+  --color-action-primary-text-tertiary: var(--primitive-neutral-08);
+  --color-ai-gradient-end: var(--primitive-neutral-08);
+  --color-core-accent-amber: #B8B8B8;
+  --color-core-accent-cobalt: #5C5C5C;
+  --color-core-accent-coral: #A3A3A3;
+  --color-core-accent-gold: #C9C9C9;
+  --color-core-accent-mint: #ADADAD;
+  --color-core-accent-violet: #8F8F8F;
+  --color-core-ui-primary: var(--primitive-neutral-08);
+  --color-core-ui-secondary: var(--primitive-neutral-09);
+  --color-divider: var(--primitive-neutral-03);
+  --color-input-border-hover: var(--primitive-neutral-06);
+  --color-input-border-selected: var(--primitive-neutral-08);
+  --font-family-heading: 'Montserrat', sans-serif;
+  --font-family-primary: 'Inter', sans-serif;
+  --primitive-blue-00: #FBFBFC;
+  --primitive-blue-01: #F5F6F8;
+  --primitive-blue-02: #E3E5EC;
+  --primitive-blue-03: #C6CBD8;
+  --primitive-blue-04: #A6AEC2;
+  --primitive-blue-05: #848FAA;
+  --primitive-blue-06: #667496;
+  --primitive-blue-07: #4B5B83;
+  --primitive-blue-08: #394564;
+  --primitive-blue-09: #273045;
+  --primitive-blue-10: #161A26;
+  --primitive-blue-11: #0F121A;
+  --primitive-green-00: #F9FCFB;
+  --primitive-green-01: #F1F7F5;
+  --primitive-green-02: #D6E8E3;
+  --primitive-green-03: #ADD0C7;
+  --primitive-green-04: #83B9AB;
+  --primitive-green-05: #74B0A0;
+  --primitive-green-06: #61A593;
+  --primitive-green-07: #469681;
+  --primitive-green-08: #367464;
+  --primitive-green-09: #275448;
+  --primitive-green-10: #17312A;
+  --primitive-green-11: #122621;
+  --primitive-orange-00: #FDFCFB;
+  --primitive-orange-01: #FAF8F6;
+  --primitive-orange-02: #EBDFD9;
+  --primitive-orange-03: #D8C1B3;
+  --primitive-orange-04: #C7A592;
+  --primitive-orange-05: #C39E8A;
+  --primitive-orange-06: #C09A84;
+  --primitive-orange-07: #BB927B;
+  --primitive-orange-08: #8D6E5D;
+  --primitive-orange-09: #654F42;
+  --primitive-orange-10: #3C2F28;
+  --primitive-orange-11: #2D231D;
+  --primitive-purple-00: #FCFCFD;
+  --primitive-purple-01: #F8F5FA;
+  --primitive-purple-02: #E6DEEE;
+  --primitive-purple-03: #CFBFDE;
+  --primitive-purple-04: #B298CA;
+  --primitive-purple-05: #9C7BBB;
+  --primitive-purple-06: #9C7BBB;
+  --primitive-purple-07: #9C7BBB;
+  --primitive-purple-08: #735B8A;
+  --primitive-purple-09: #514061;
+  --primitive-purple-10: #30263A;
+  --primitive-purple-11: #241C2B;
+  --primitive-radius-050: 1px;
+  --primitive-radius-100: 2px;
+  --primitive-radius-1200: 19px;
+  --primitive-radius-200: 3px;
+  --primitive-radius-300: 5px;
+  --primitive-radius-400: 6px;
+  --primitive-radius-600: 10px;
+  --primitive-radius-pill: 6px;
+  --primitive-red-00: #FCF9FA;
+  --primitive-red-01: #F8F2F3;
+  --primitive-red-02: #EDDCE0;
+  --primitive-red-03: #E3C9D0;
+  --primitive-red-04: #DAB7BF;
+  --primitive-red-05: #CEA1AC;
+  --primitive-red-06: #C58E9B;
+  --primitive-red-07: #BB7B8A;
+  --primitive-red-08: #9B6672;
+  --primitive-red-09: #6B464F;
+  --primitive-red-10: #412B30;
+  --primitive-red-11: #302024;
+  --primitive-teal-00: #F9FBFB;
+  --primitive-teal-01: #F2F6F7;
+  --primitive-teal-02: #DDE6E8;
+  --primitive-teal-03: #B9CAD0;
+  --primitive-teal-04: #93AEB6;
+  --primitive-teal-05: #6D919C;
+  --primitive-teal-06: #58818E;
+  --primitive-teal-07: #437180;
+  --primitive-teal-08: #365B67;
+  --primitive-teal-09: #27414A;
+  --primitive-teal-10: #16252A;
+  --primitive-teal-11: #101B1E;
+  --primitive-yellow-00: #FCFBF8;
+  --primitive-yellow-01: #F9F6F1;
+  --primitive-yellow-02: #EFE9DB;
+  --primitive-yellow-03: #E4D9C1;
+  --primitive-yellow-04: #D8C9A7;
+  --primitive-yellow-05: #D5C5A1;
+  --primitive-yellow-06: #D3C29C;
+  --primitive-yellow-07: #D0BE95;
+  --primitive-yellow-08: #938669;
+  --primitive-yellow-09: #665D49;
+  --primitive-yellow-10: #3B362A;
+  --primitive-yellow-11: #2D2920;
+  --shadow-floating: none;
+  --shadow-modal: none;
+}
+
+html[data-brand="mono"][data-theme="dark"] {
+  --color-action-icon-active: var(--primitive-neutral-07);
+  --color-action-primary-bg: var(--primitive-neutral-01);
+  --color-action-primary-bg-active: var(--primitive-neutral-03);
+  --color-action-primary-bg-hover: var(--primitive-neutral-02);
+  --color-action-primary-border: var(--primitive-neutral-01);
+  --color-action-primary-border-secondary: var(--primitive-neutral-03);
+  --color-action-primary-border-tertiary: var(--primitive-neutral-01);
+  --color-action-primary-text: var(--primitive-neutral-07);
+  --color-action-primary-text-active: var(--primitive-neutral-07);
+  --color-action-primary-text-secondary: var(--primitive-neutral-06);
+  --color-action-primary-text-tertiary: var(--primitive-neutral-01);
+  --color-ai-gradient-end: var(--primitive-neutral-03);
+  --color-core-accent-amber: #B8B8B8;
+  --color-core-accent-cobalt: #5C5C5C;
+  --color-core-accent-coral: #A3A3A3;
+  --color-core-accent-gold: #C9C9C9;
+  --color-core-accent-mint: #ADADAD;
+  --color-core-accent-violet: #8F8F8F;
+  --color-core-ui-primary: var(--primitive-neutral-01);
+  --color-core-ui-secondary: var(--primitive-neutral-05);
+  --color-divider: var(--primitive-neutral-07);
+  --color-input-border-hover: var(--primitive-neutral-03);
+  --color-input-border-selected: var(--primitive-neutral-03);
+  --font-family-heading: 'Montserrat', sans-serif;
+  --font-family-primary: 'Inter', sans-serif;
+  --primitive-blue-00: #FBFBFC;
+  --primitive-blue-01: #F5F6F8;
+  --primitive-blue-02: #E3E5EC;
+  --primitive-blue-03: #C6CBD8;
+  --primitive-blue-04: #A6AEC2;
+  --primitive-blue-05: #848FAA;
+  --primitive-blue-06: #667496;
+  --primitive-blue-07: #4B5B83;
+  --primitive-blue-08: #394564;
+  --primitive-blue-09: #273045;
+  --primitive-blue-10: #161A26;
+  --primitive-blue-11: #0F121A;
+  --primitive-green-00: #F9FCFB;
+  --primitive-green-01: #F1F7F5;
+  --primitive-green-02: #D6E8E3;
+  --primitive-green-03: #ADD0C7;
+  --primitive-green-04: #83B9AB;
+  --primitive-green-05: #74B0A0;
+  --primitive-green-06: #61A593;
+  --primitive-green-07: #469681;
+  --primitive-green-08: #367464;
+  --primitive-green-09: #275448;
+  --primitive-green-10: #17312A;
+  --primitive-green-11: #122621;
+  --primitive-orange-00: #FDFCFB;
+  --primitive-orange-01: #FAF8F6;
+  --primitive-orange-02: #EBDFD9;
+  --primitive-orange-03: #D8C1B3;
+  --primitive-orange-04: #C7A592;
+  --primitive-orange-05: #C39E8A;
+  --primitive-orange-06: #C09A84;
+  --primitive-orange-07: #BB927B;
+  --primitive-orange-08: #8D6E5D;
+  --primitive-orange-09: #654F42;
+  --primitive-orange-10: #3C2F28;
+  --primitive-orange-11: #2D231D;
+  --primitive-purple-00: #FCFCFD;
+  --primitive-purple-01: #F8F5FA;
+  --primitive-purple-02: #E6DEEE;
+  --primitive-purple-03: #CFBFDE;
+  --primitive-purple-04: #B298CA;
+  --primitive-purple-05: #9C7BBB;
+  --primitive-purple-06: #9C7BBB;
+  --primitive-purple-07: #9C7BBB;
+  --primitive-purple-08: #735B8A;
+  --primitive-purple-09: #514061;
+  --primitive-purple-10: #30263A;
+  --primitive-purple-11: #241C2B;
+  --primitive-radius-050: 1px;
+  --primitive-radius-100: 2px;
+  --primitive-radius-1200: 19px;
+  --primitive-radius-200: 3px;
+  --primitive-radius-300: 5px;
+  --primitive-radius-400: 6px;
+  --primitive-radius-600: 10px;
+  --primitive-radius-pill: 6px;
+  --primitive-red-00: #FCF9FA;
+  --primitive-red-01: #F8F2F3;
+  --primitive-red-02: #EDDCE0;
+  --primitive-red-03: #E3C9D0;
+  --primitive-red-04: #DAB7BF;
+  --primitive-red-05: #CEA1AC;
+  --primitive-red-06: #C58E9B;
+  --primitive-red-07: #BB7B8A;
+  --primitive-red-08: #9B6672;
+  --primitive-red-09: #6B464F;
+  --primitive-red-10: #412B30;
+  --primitive-red-11: #302024;
+  --primitive-teal-00: #F9FBFB;
+  --primitive-teal-01: #F2F6F7;
+  --primitive-teal-02: #DDE6E8;
+  --primitive-teal-03: #B9CAD0;
+  --primitive-teal-04: #93AEB6;
+  --primitive-teal-05: #6D919C;
+  --primitive-teal-06: #58818E;
+  --primitive-teal-07: #437180;
+  --primitive-teal-08: #365B67;
+  --primitive-teal-09: #27414A;
+  --primitive-teal-10: #16252A;
+  --primitive-teal-11: #101B1E;
+  --primitive-yellow-00: #FCFBF8;
+  --primitive-yellow-01: #F9F6F1;
+  --primitive-yellow-02: #EFE9DB;
+  --primitive-yellow-03: #E4D9C1;
+  --primitive-yellow-04: #D8C9A7;
+  --primitive-yellow-05: #D5C5A1;
+  --primitive-yellow-06: #D3C29C;
+  --primitive-yellow-07: #D0BE95;
+  --primitive-yellow-08: #938669;
+  --primitive-yellow-09: #665D49;
+  --primitive-yellow-10: #3B362A;
+  --primitive-yellow-11: #2D2920;
+  --shadow-floating: none;
+  --shadow-modal: none;
+}

package/tokens/presets/pink.css

@@ -0,0 +1,349 @@
+/*
+ * AUTO-GENERATED. Do not edit.
+ * Theme preset "pink" (Bubblegum).
+ * 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="pink" 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: 'Fraunces';
+  font-style: normal;
+  font-weight: 300 700;
+  font-display: swap;
+  src: url('../../fonts/presets/fraunces-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: 'Fraunces';
+  font-style: normal;
+  font-weight: 300 700;
+  font-display: swap;
+  src: url('../../fonts/presets/fraunces-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;
+}
+
+html[data-brand="pink"] {
+  --color-action-icon-active: var(--primitive-red-02);
+  --color-action-primary-bg: var(--primitive-red-07);
+  --color-action-primary-bg-active: var(--primitive-red-09);
+  --color-action-primary-bg-hover: var(--primitive-red-08);
+  --color-action-primary-border: var(--primitive-red-10);
+  --color-action-primary-border-secondary: var(--primitive-red-07);
+  --color-action-primary-border-tertiary: var(--primitive-red-07);
+  --color-action-primary-text: var(--primitive-neutral-00);
+  --color-action-primary-text-active: var(--primitive-neutral-00);
+  --color-action-primary-text-secondary: var(--primitive-red-10);
+  --color-action-primary-text-tertiary: var(--primitive-red-08);
+  --color-ai-gradient-end: var(--primitive-red-07);
+  --color-core-accent-amber: #FF9A4D;
+  --color-core-accent-cobalt: #5C7CFF;
+  --color-core-accent-coral: #FF5A8A;
+  --color-core-accent-gold: #FFD34D;
+  --color-core-accent-mint: #3DDCB8;
+  --color-core-accent-violet: #C45CFF;
+  --color-core-ui-primary: var(--primitive-red-07);
+  --color-core-ui-secondary: var(--primitive-red-10);
+  --color-input-border-hover: var(--primitive-red-05);
+  --color-input-border-selected: var(--primitive-red-07);
+  --font-family-heading: 'Fraunces', serif;
+  --font-family-primary: 'Inter', sans-serif;
+  --motion-duration-base: 180ms;
+  --motion-duration-deliberate: 360ms;
+  --motion-duration-fast: 135ms;
+  --motion-duration-slow: 270ms;
+  --motion-duration-slower: 540ms;
+  --primitive-blue-00: #FBFCFF;
+  --primitive-blue-01: #F5F7FF;
+  --primitive-blue-02: #E3E8FF;
+  --primitive-blue-03: #C7D0FF;
+  --primitive-blue-04: #A7B6FF;
+  --primitive-blue-05: #859AFF;
+  --primitive-blue-06: #6881FF;
+  --primitive-blue-07: #4D6BFF;
+  --primitive-blue-08: #3B52C2;
+  --primitive-blue-09: #283885;
+  --primitive-blue-10: #161F4A;
+  --primitive-blue-11: #0F1533;
+  --primitive-green-00: #F8FEFB;
+  --primitive-green-01: #EFFCF6;
+  --primitive-green-02: #D1F7E5;
+  --primitive-green-03: #A2EECB;
+  --primitive-green-04: #73E6B1;
+  --primitive-green-05: #62E2A7;
+  --primitive-green-06: #4CDF9B;
+  --primitive-green-07: #2ED98A;
+  --primitive-green-08: #24A86B;
+  --primitive-green-09: #1A794D;
+  --primitive-green-10: #0F472D;
+  --primitive-green-11: #0C3723;
+  --primitive-neutral-00: #FCF1F7;
+  --primitive-neutral-00-a01: rgba(252, 241, 247, 0.01);
+  --primitive-neutral-00-a60: rgba(252, 241, 247, 0.6);
+  --primitive-neutral-00-a90: rgba(252, 241, 247, 0.9);
+  --primitive-neutral-01: #EFE4EA;
+  --primitive-neutral-01-a01: rgba(239, 228, 234, 0.01);
+  --primitive-neutral-01-a60: rgba(239, 228, 234, 0.6);
+  --primitive-neutral-01-a82: rgba(239, 228, 234, 0.82);
+  --primitive-neutral-02: #D6CAD1;
+  --primitive-neutral-02-a80: rgba(214, 202, 209, 0.8);
+  --primitive-neutral-03: #BDB2B8;
+  --primitive-neutral-03-a80: rgba(189, 178, 184, 0.8);
+  --primitive-neutral-04: #A599A0;
+  --primitive-neutral-05: #8C8187;
+  --primitive-neutral-06: #73676E;
+  --primitive-neutral-07: #3A2E35;
+  --primitive-neutral-07-a80: rgba(58, 46, 53, 0.8);
+  --primitive-neutral-08: #2D2228;
+  --primitive-neutral-08-a80: rgba(45, 34, 40, 0.8);
+  --primitive-neutral-09: #1A0E15;
+  --primitive-neutral-09-a01: rgba(26, 14, 21, 0.01);
+  --primitive-neutral-09-a60: rgba(26, 14, 21, 0.6);
+  --primitive-neutral-09-a66: rgba(26, 14, 21, 0.66);
+  --primitive-neutral-09-a80: rgba(26, 14, 21, 0.8);
+  --primitive-neutral-10: #11060C;
+  --primitive-neutral-10-a01: rgba(17, 6, 12, 0.01);
+  --primitive-neutral-10-a60: rgba(17, 6, 12, 0.6);
+  --primitive-neutral-11: #0C0108;
+  --primitive-orange-00: #FFFBFA;
+  --primitive-orange-01: #FFF6F2;
+  --primitive-orange-02: #FFD8C7;
+  --primitive-orange-03: #FFB390;
+  --primitive-orange-04: #FF915F;
+  --primitive-orange-05: #FF8953;
+  --primitive-orange-06: #FF834A;
+  --primitive-orange-07: #FF7A3D;
+  --primitive-orange-08: #C15C2E;
+  --primitive-orange-09: #8A4221;
+  --primitive-orange-10: #522714;
+  --primitive-orange-11: #3D1D0F;
+  --primitive-purple-00: #FDFAFF;
+  --primitive-purple-01: #F9F2FE;
+  --primitive-purple-02: #ECD2FB;
+  --primitive-purple-03: #DBA9F8;
+  --primitive-purple-04: #C474F3;
+  --primitive-purple-05: #B44DF0;
+  --primitive-purple-06: #B44DF0;
+  --primitive-purple-07: #B44DF0;
+  --primitive-purple-08: #8539B1;
+  --primitive-purple-09: #5D287C;
+  --primitive-purple-10: #38184A;
+  --primitive-purple-11: #2A1238;
+  --primitive-radius-050: 2px;
+  --primitive-radius-100: 5px;
+  --primitive-radius-1200: 58px;
+  --primitive-radius-200: 10px;
+  --primitive-radius-300: 14px;
+  --primitive-radius-400: 19px;
+  --primitive-radius-600: 29px;
+  --primitive-red-00: #FDF4F9;
+  --primitive-red-01: #FAE8F2;
+  --primitive-red-02: #F3C1DD;
+  --primitive-red-03: #EC9ECB;
+  --primitive-red-04: #E57CB8;
+  --primitive-red-05: #DD55A3;
+  --primitive-red-06: #D73390;
+  --primitive-red-07: #D0117E;
+  --primitive-red-08: #AC0E68;
+  --primitive-red-09: #770A48;
+  --primitive-red-10: #48062C;
+  --primitive-red-11: #360421;
+  --primitive-teal-00: #F8FDFE;
+  --primitive-teal-01: #F0FBFC;
+  --primitive-teal-02: #D7F4F8;
+  --primitive-teal-03: #ADE9F0;
+  --primitive-teal-04: #80DDE8;
+  --primitive-teal-05: #53D1DF;
+  --primitive-teal-06: #3BCBDB;
+  --primitive-teal-07: #22C4D6;
+  --primitive-teal-08: #1B9EAD;
+  --primitive-teal-09: #14717B;
+  --primitive-teal-10: #0B4046;
+  --primitive-teal-11: #082E32;
+  --primitive-yellow-00: #FFFCF3;
+  --primitive-yellow-01: #FFF8E5;
+  --primitive-yellow-02: #FFEDBD;
+  --primitive-yellow-03: #FFE08E;
+  --primitive-yellow-04: #FFD25E;
+  --primitive-yellow-05: #FFCF52;
+  --primitive-yellow-06: #FFCC49;
+  --primitive-yellow-07: #FFC93D;
+  --primitive-yellow-08: #B48E2B;
+  --primitive-yellow-09: #7D621E;
+  --primitive-yellow-10: #483911;
+  --primitive-yellow-11: #372B0D;
+  --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="pink"][data-theme="dark"] {
+  --color-action-icon-active: var(--primitive-red-02);
+  --color-action-primary-bg: var(--primitive-red-07);
+  --color-action-primary-bg-active: var(--primitive-red-05);
+  --color-action-primary-bg-hover: var(--primitive-red-06);
+  --color-action-primary-border: var(--primitive-red-07);
+  --color-action-primary-border-secondary: var(--primitive-red-08);
+  --color-action-primary-border-tertiary: var(--primitive-red-07);
+  --color-action-primary-text: var(--primitive-neutral-00);
+  --color-action-primary-text-active: var(--primitive-neutral-00);
+  --color-action-primary-text-secondary: var(--primitive-red-10);
+  --color-action-primary-text-tertiary: var(--primitive-red-07);
+  --color-ai-gradient-end: var(--primitive-red-08);
+  --color-core-accent-amber: #FF9A4D;
+  --color-core-accent-cobalt: #5C7CFF;
+  --color-core-accent-coral: #FF5A8A;
+  --color-core-accent-gold: #FFD34D;
+  --color-core-accent-mint: #3DDCB8;
+  --color-core-accent-violet: #C45CFF;
+  --color-core-ui-primary: var(--primitive-red-07);
+  --color-core-ui-secondary: var(--primitive-red-09);
+  --color-input-border-hover: var(--primitive-red-08);
+  --color-input-border-selected: var(--primitive-red-08);
+  --font-family-heading: 'Fraunces', serif;
+  --font-family-primary: 'Inter', sans-serif;
+  --motion-duration-base: 180ms;
+  --motion-duration-deliberate: 360ms;
+  --motion-duration-fast: 135ms;
+  --motion-duration-slow: 270ms;
+  --motion-duration-slower: 540ms;
+  --primitive-blue-00: #FBFCFF;
+  --primitive-blue-01: #F5F7FF;
+  --primitive-blue-02: #E3E8FF;
+  --primitive-blue-03: #C7D0FF;
+  --primitive-blue-04: #A7B6FF;
+  --primitive-blue-05: #859AFF;
+  --primitive-blue-06: #6881FF;
+  --primitive-blue-07: #4D6BFF;
+  --primitive-blue-08: #3B52C2;
+  --primitive-blue-09: #283885;
+  --primitive-blue-10: #161F4A;
+  --primitive-blue-11: #0F1533;
+  --primitive-green-00: #F8FEFB;
+  --primitive-green-01: #EFFCF6;
+  --primitive-green-02: #D1F7E5;
+  --primitive-green-03: #A2EECB;
+  --primitive-green-04: #73E6B1;
+  --primitive-green-05: #62E2A7;
+  --primitive-green-06: #4CDF9B;
+  --primitive-green-07: #2ED98A;
+  --primitive-green-08: #24A86B;
+  --primitive-green-09: #1A794D;
+  --primitive-green-10: #0F472D;
+  --primitive-green-11: #0C3723;
+  --primitive-neutral-00: #FCF1F7;
+  --primitive-neutral-00-a01: rgba(252, 241, 247, 0.01);
+  --primitive-neutral-00-a60: rgba(252, 241, 247, 0.6);
+  --primitive-neutral-00-a90: rgba(252, 241, 247, 0.9);
+  --primitive-neutral-01: #EFE4EA;
+  --primitive-neutral-01-a01: rgba(239, 228, 234, 0.01);
+  --primitive-neutral-01-a60: rgba(239, 228, 234, 0.6);
+  --primitive-neutral-01-a82: rgba(239, 228, 234, 0.82);
+  --primitive-neutral-02: #D6CAD1;
+  --primitive-neutral-02-a80: rgba(214, 202, 209, 0.8);
+  --primitive-neutral-03: #BDB2B8;
+  --primitive-neutral-03-a80: rgba(189, 178, 184, 0.8);
+  --primitive-neutral-04: #A599A0;
+  --primitive-neutral-05: #8C8187;
+  --primitive-neutral-06: #73676E;
+  --primitive-neutral-07: #3A2E35;
+  --primitive-neutral-07-a80: rgba(58, 46, 53, 0.8);
+  --primitive-neutral-08: #2D2228;
+  --primitive-neutral-08-a80: rgba(45, 34, 40, 0.8);
+  --primitive-neutral-09: #1A0E15;
+  --primitive-neutral-09-a01: rgba(26, 14, 21, 0.01);
+  --primitive-neutral-09-a60: rgba(26, 14, 21, 0.6);
+  --primitive-neutral-09-a66: rgba(26, 14, 21, 0.66);
+  --primitive-neutral-09-a80: rgba(26, 14, 21, 0.8);
+  --primitive-neutral-10: #11060C;
+  --primitive-neutral-10-a01: rgba(17, 6, 12, 0.01);
+  --primitive-neutral-10-a60: rgba(17, 6, 12, 0.6);
+  --primitive-neutral-11: #0C0108;
+  --primitive-orange-00: #FFFBFA;
+  --primitive-orange-01: #FFF6F2;
+  --primitive-orange-02: #FFD8C7;
+  --primitive-orange-03: #FFB390;
+  --primitive-orange-04: #FF915F;
+  --primitive-orange-05: #FF8953;
+  --primitive-orange-06: #FF834A;
+  --primitive-orange-07: #FF7A3D;
+  --primitive-orange-08: #C15C2E;
+  --primitive-orange-09: #8A4221;
+  --primitive-orange-10: #522714;
+  --primitive-orange-11: #3D1D0F;
+  --primitive-purple-00: #FDFAFF;
+  --primitive-purple-01: #F9F2FE;
+  --primitive-purple-02: #ECD2FB;
+  --primitive-purple-03: #DBA9F8;
+  --primitive-purple-04: #C474F3;
+  --primitive-purple-05: #B44DF0;
+  --primitive-purple-06: #B44DF0;
+  --primitive-purple-07: #B44DF0;
+  --primitive-purple-08: #8539B1;
+  --primitive-purple-09: #5D287C;
+  --primitive-purple-10: #38184A;
+  --primitive-purple-11: #2A1238;
+  --primitive-radius-050: 2px;
+  --primitive-radius-100: 5px;
+  --primitive-radius-1200: 58px;
+  --primitive-radius-200: 10px;
+  --primitive-radius-300: 14px;
+  --primitive-radius-400: 19px;
+  --primitive-radius-600: 29px;
+  --primitive-red-00: #FDF4F9;
+  --primitive-red-01: #FAE8F2;
+  --primitive-red-02: #F3C1DD;
+  --primitive-red-03: #EC9ECB;
+  --primitive-red-04: #E57CB8;
+  --primitive-red-05: #DD55A3;
+  --primitive-red-06: #D73390;
+  --primitive-red-07: #D0117E;
+  --primitive-red-08: #AC0E68;
+  --primitive-red-09: #770A48;
+  --primitive-red-10: #48062C;
+  --primitive-red-11: #360421;
+  --primitive-teal-00: #F8FDFE;
+  --primitive-teal-01: #F0FBFC;
+  --primitive-teal-02: #D7F4F8;
+  --primitive-teal-03: #ADE9F0;
+  --primitive-teal-04: #80DDE8;
+  --primitive-teal-05: #53D1DF;
+  --primitive-teal-06: #3BCBDB;
+  --primitive-teal-07: #22C4D6;
+  --primitive-teal-08: #1B9EAD;
+  --primitive-teal-09: #14717B;
+  --primitive-teal-10: #0B4046;
+  --primitive-teal-11: #082E32;
+  --primitive-yellow-00: #FFFCF3;
+  --primitive-yellow-01: #FFF8E5;
+  --primitive-yellow-02: #FFEDBD;
+  --primitive-yellow-03: #FFE08E;
+  --primitive-yellow-04: #FFD25E;
+  --primitive-yellow-05: #FFCF52;
+  --primitive-yellow-06: #FFCC49;
+  --primitive-yellow-07: #FFC93D;
+  --primitive-yellow-08: #B48E2B;
+  --primitive-yellow-09: #7D621E;
+  --primitive-yellow-10: #483911;
+  --primitive-yellow-11: #372B0D;
+  --shadow-floating: 0 6px 24px rgba(0, 0, 0, 0.45);
+  --shadow-modal: 0 12px 48px rgba(0, 0, 0, 0.5);
+}

package/tokens/presets/presets.css

@@ -0,0 +1,17 @@
+/*
+ * AUTO-GENERATED. Do not edit.
+ * The whole preset family in one import.
+ * Source of truth: website/src/lib/theme/presets.ts (THEME_PRESETS + presetOverrides).
+ * Regenerate: node scripts/generate-preset-stylesheets.mjs
+ * Import after tokens.css, then set data-brand="<id>" on <html>.
+ */
+@import url("./contrast.css");
+@import url("./coral.css");
+@import url("./forest.css");
+@import url("./gold.css");
+@import url("./mono.css");
+@import url("./pink.css");
+@import url("./terminal.css");
+@import url("./violet.css");
+@import url("./warm.css");
+@import url("./zest.css");