rift-ds 1.0.0

package/tokens/presets/forest.css

@@ -0,0 +1,334 @@
+/*
+ * AUTO-GENERATED. Do not edit.
+ * Theme preset "forest" (Forest).
+ * 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="forest" on <html>.
+ */
+@font-face {
+  font-family: 'DM Sans';
+  font-style: normal;
+  font-weight: 300 700;
+  font-display: swap;
+  src: url('../../fonts/presets/dm-sans-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: 'DM Sans';
+  font-style: normal;
+  font-weight: 300 700;
+  font-display: swap;
+  src: url('../../fonts/presets/dm-sans-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="forest"] {
+  --color-action-icon-active: var(--primitive-green-02);
+  --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-02);
+  --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: #C97F3F;
+  --color-core-accent-cobalt: #446E93;
+  --color-core-accent-coral: #B45E4A;
+  --color-core-accent-gold: #C2A147;
+  --color-core-accent-mint: #4E9A6C;
+  --color-core-accent-violet: #7E6899;
+  --color-core-ui-primary: var(--primitive-green-07);
+  --color-core-ui-secondary: var(--primitive-green-10);
+  --color-input-border-hover: var(--primitive-green-05);
+  --color-input-border-selected: var(--primitive-green-07);
+  --font-display-1-weight: 600;
+  --font-display-2-weight: 600;
+  --font-family-heading: 'Montserrat', sans-serif;
+  --font-family-primary: 'DM Sans', sans-serif;
+  --font-mega-1-weight: 600;
+  --font-mega-2-weight: 600;
+  --font-sub-display-weight: 500;
+  --primitive-blue-00: #FAFCFD;
+  --primitive-blue-01: #F4F7FA;
+  --primitive-blue-02: #E0E8F0;
+  --primitive-blue-03: #C1D0E0;
+  --primitive-blue-04: #9EB6CE;
+  --primitive-blue-05: #789ABB;
+  --primitive-blue-06: #5881AB;
+  --primitive-blue-07: #3A6B9C;
+  --primitive-blue-08: #2C5277;
+  --primitive-blue-09: #1E3852;
+  --primitive-blue-10: #111F2D;
+  --primitive-blue-11: #0C151F;
+  --primitive-green-00: #F8F9F9;
+  --primitive-green-01: #EEF2F0;
+  --primitive-green-02: #CFDAD5;
+  --primitive-green-03: #9DB4AA;
+  --primitive-green-04: #6C8F7F;
+  --primitive-green-05: #59806E;
+  --primitive-green-06: #436F5B;
+  --primitive-green-07: #23573F;
+  --primitive-green-08: #1B4331;
+  --primitive-green-09: #133023;
+  --primitive-green-10: #0B1C14;
+  --primitive-green-11: #091610;
+  --primitive-neutral-00: #F2F5F3;
+  --primitive-neutral-00-a01: rgba(242, 245, 243, 0.01);
+  --primitive-neutral-00-a60: rgba(242, 245, 243, 0.6);
+  --primitive-neutral-00-a90: rgba(242, 245, 243, 0.9);
+  --primitive-neutral-01: #E5E8E6;
+  --primitive-neutral-01-a01: rgba(229, 232, 230, 0.01);
+  --primitive-neutral-01-a60: rgba(229, 232, 230, 0.6);
+  --primitive-neutral-01-a82: rgba(229, 232, 230, 0.82);
+  --primitive-neutral-02: #CBCECD;
+  --primitive-neutral-02-a80: rgba(203, 206, 205, 0.8);
+  --primitive-neutral-03: #B3B6B5;
+  --primitive-neutral-03-a80: rgba(179, 182, 181, 0.8);
+  --primitive-neutral-04: #9A9E9C;
+  --primitive-neutral-05: #828584;
+  --primitive-neutral-06: #696C6A;
+  --primitive-neutral-07: #2F3231;
+  --primitive-neutral-07-a80: rgba(47, 50, 49, 0.8);
+  --primitive-neutral-08: #232625;
+  --primitive-neutral-08-a80: rgba(35, 38, 37, 0.8);
+  --primitive-neutral-09: #0F1211;
+  --primitive-neutral-09-a01: rgba(15, 18, 17, 0.01);
+  --primitive-neutral-09-a60: rgba(15, 18, 17, 0.6);
+  --primitive-neutral-09-a66: rgba(15, 18, 17, 0.66);
+  --primitive-neutral-09-a80: rgba(15, 18, 17, 0.8);
+  --primitive-neutral-10: #070A08;
+  --primitive-neutral-10-a01: rgba(7, 10, 8, 0.01);
+  --primitive-neutral-10-a60: rgba(7, 10, 8, 0.6);
+  --primitive-neutral-11: #020504;
+  --primitive-orange-00: #FDFBF9;
+  --primitive-orange-01: #FBF5F1;
+  --primitive-orange-02: #EDD4C4;
+  --primitive-orange-03: #DBAA89;
+  --primitive-orange-04: #CB8556;
+  --primitive-orange-05: #C77C49;
+  --primitive-orange-06: #C47540;
+  --primitive-orange-07: #C06B32;
+  --primitive-orange-08: #915126;
+  --primitive-orange-09: #683A1B;
+  --primitive-orange-10: #3E2210;
+  --primitive-orange-11: #2E190C;
+  --primitive-purple-00: #FCFBFD;
+  --primitive-purple-01: #F5F3F8;
+  --primitive-purple-02: #DED6E9;
+  --primitive-purple-03: #C0B0D4;
+  --primitive-purple-04: #997FB9;
+  --primitive-purple-05: #7D5BA6;
+  --primitive-purple-06: #7D5BA6;
+  --primitive-purple-07: #7D5BA6;
+  --primitive-purple-08: #5C437B;
+  --primitive-purple-09: #412F56;
+  --primitive-purple-10: #271C33;
+  --primitive-purple-11: #1D1526;
+  --primitive-red-00: #FDF7F7;
+  --primitive-red-01: #FAEEED;
+  --primitive-red-02: #F1D2D0;
+  --primitive-red-03: #E9B9B6;
+  --primitive-red-04: #E1A09C;
+  --primitive-red-05: #D8847F;
+  --primitive-red-06: #D16B65;
+  --primitive-red-07: #C9524B;
+  --primitive-red-08: #A7443E;
+  --primitive-red-09: #732F2B;
+  --primitive-red-10: #461C1A;
+  --primitive-red-11: #341513;
+  --primitive-teal-00: #F8FBFB;
+  --primitive-teal-01: #F1F7F7;
+  --primitive-teal-02: #DAEAE9;
+  --primitive-teal-03: #B1D4D1;
+  --primitive-teal-04: #87BDB8;
+  --primitive-teal-05: #5DA59F;
+  --primitive-teal-06: #469891;
+  --primitive-teal-07: #2E8B83;
+  --primitive-teal-08: #25706A;
+  --primitive-teal-09: #1A504B;
+  --primitive-teal-10: #0F2E2B;
+  --primitive-teal-11: #0B211F;
+  --primitive-yellow-00: #FCF9F3;
+  --primitive-yellow-01: #F9F3E4;
+  --primitive-yellow-02: #EFE0BC;
+  --primitive-yellow-03: #E4C98C;
+  --primitive-yellow-04: #D8B35A;
+  --primitive-yellow-05: #D5AD4F;
+  --primitive-yellow-06: #D3A945;
+  --primitive-yellow-07: #D0A339;
+  --primitive-yellow-08: #937328;
+  --primitive-yellow-09: #66501C;
+  --primitive-yellow-10: #3B2E10;
+  --primitive-yellow-11: #2D230C;
+  --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="forest"][data-theme="dark"] {
+  --color-action-icon-active: var(--primitive-green-02);
+  --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-02);
+  --color-action-primary-text-active: var(--primitive-green-02);
+  --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: #C97F3F;
+  --color-core-accent-cobalt: #446E93;
+  --color-core-accent-coral: #B45E4A;
+  --color-core-accent-gold: #C2A147;
+  --color-core-accent-mint: #4E9A6C;
+  --color-core-accent-violet: #7E6899;
+  --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-weight: 600;
+  --font-display-2-weight: 600;
+  --font-family-heading: 'Montserrat', sans-serif;
+  --font-family-primary: 'DM Sans', sans-serif;
+  --font-mega-1-weight: 600;
+  --font-mega-2-weight: 600;
+  --font-sub-display-weight: 500;
+  --primitive-blue-00: #FAFCFD;
+  --primitive-blue-01: #F4F7FA;
+  --primitive-blue-02: #E0E8F0;
+  --primitive-blue-03: #C1D0E0;
+  --primitive-blue-04: #9EB6CE;
+  --primitive-blue-05: #789ABB;
+  --primitive-blue-06: #5881AB;
+  --primitive-blue-07: #3A6B9C;
+  --primitive-blue-08: #2C5277;
+  --primitive-blue-09: #1E3852;
+  --primitive-blue-10: #111F2D;
+  --primitive-blue-11: #0C151F;
+  --primitive-green-00: #F8F9F9;
+  --primitive-green-01: #EEF2F0;
+  --primitive-green-02: #CFDAD5;
+  --primitive-green-03: #9DB4AA;
+  --primitive-green-04: #6C8F7F;
+  --primitive-green-05: #59806E;
+  --primitive-green-06: #436F5B;
+  --primitive-green-07: #23573F;
+  --primitive-green-08: #1B4331;
+  --primitive-green-09: #133023;
+  --primitive-green-10: #0B1C14;
+  --primitive-green-11: #091610;
+  --primitive-neutral-00: #F2F5F3;
+  --primitive-neutral-00-a01: rgba(242, 245, 243, 0.01);
+  --primitive-neutral-00-a60: rgba(242, 245, 243, 0.6);
+  --primitive-neutral-00-a90: rgba(242, 245, 243, 0.9);
+  --primitive-neutral-01: #E5E8E6;
+  --primitive-neutral-01-a01: rgba(229, 232, 230, 0.01);
+  --primitive-neutral-01-a60: rgba(229, 232, 230, 0.6);
+  --primitive-neutral-01-a82: rgba(229, 232, 230, 0.82);
+  --primitive-neutral-02: #CBCECD;
+  --primitive-neutral-02-a80: rgba(203, 206, 205, 0.8);
+  --primitive-neutral-03: #B3B6B5;
+  --primitive-neutral-03-a80: rgba(179, 182, 181, 0.8);
+  --primitive-neutral-04: #9A9E9C;
+  --primitive-neutral-05: #828584;
+  --primitive-neutral-06: #696C6A;
+  --primitive-neutral-07: #2F3231;
+  --primitive-neutral-07-a80: rgba(47, 50, 49, 0.8);
+  --primitive-neutral-08: #232625;
+  --primitive-neutral-08-a80: rgba(35, 38, 37, 0.8);
+  --primitive-neutral-09: #0F1211;
+  --primitive-neutral-09-a01: rgba(15, 18, 17, 0.01);
+  --primitive-neutral-09-a60: rgba(15, 18, 17, 0.6);
+  --primitive-neutral-09-a66: rgba(15, 18, 17, 0.66);
+  --primitive-neutral-09-a80: rgba(15, 18, 17, 0.8);
+  --primitive-neutral-10: #070A08;
+  --primitive-neutral-10-a01: rgba(7, 10, 8, 0.01);
+  --primitive-neutral-10-a60: rgba(7, 10, 8, 0.6);
+  --primitive-neutral-11: #020504;
+  --primitive-orange-00: #FDFBF9;
+  --primitive-orange-01: #FBF5F1;
+  --primitive-orange-02: #EDD4C4;
+  --primitive-orange-03: #DBAA89;
+  --primitive-orange-04: #CB8556;
+  --primitive-orange-05: #C77C49;
+  --primitive-orange-06: #C47540;
+  --primitive-orange-07: #C06B32;
+  --primitive-orange-08: #915126;
+  --primitive-orange-09: #683A1B;
+  --primitive-orange-10: #3E2210;
+  --primitive-orange-11: #2E190C;
+  --primitive-purple-00: #FCFBFD;
+  --primitive-purple-01: #F5F3F8;
+  --primitive-purple-02: #DED6E9;
+  --primitive-purple-03: #C0B0D4;
+  --primitive-purple-04: #997FB9;
+  --primitive-purple-05: #7D5BA6;
+  --primitive-purple-06: #7D5BA6;
+  --primitive-purple-07: #7D5BA6;
+  --primitive-purple-08: #5C437B;
+  --primitive-purple-09: #412F56;
+  --primitive-purple-10: #271C33;
+  --primitive-purple-11: #1D1526;
+  --primitive-red-00: #FDF7F7;
+  --primitive-red-01: #FAEEED;
+  --primitive-red-02: #F1D2D0;
+  --primitive-red-03: #E9B9B6;
+  --primitive-red-04: #E1A09C;
+  --primitive-red-05: #D8847F;
+  --primitive-red-06: #D16B65;
+  --primitive-red-07: #C9524B;
+  --primitive-red-08: #A7443E;
+  --primitive-red-09: #732F2B;
+  --primitive-red-10: #461C1A;
+  --primitive-red-11: #341513;
+  --primitive-teal-00: #F8FBFB;
+  --primitive-teal-01: #F1F7F7;
+  --primitive-teal-02: #DAEAE9;
+  --primitive-teal-03: #B1D4D1;
+  --primitive-teal-04: #87BDB8;
+  --primitive-teal-05: #5DA59F;
+  --primitive-teal-06: #469891;
+  --primitive-teal-07: #2E8B83;
+  --primitive-teal-08: #25706A;
+  --primitive-teal-09: #1A504B;
+  --primitive-teal-10: #0F2E2B;
+  --primitive-teal-11: #0B211F;
+  --primitive-yellow-00: #FCF9F3;
+  --primitive-yellow-01: #F9F3E4;
+  --primitive-yellow-02: #EFE0BC;
+  --primitive-yellow-03: #E4C98C;
+  --primitive-yellow-04: #D8B35A;
+  --primitive-yellow-05: #D5AD4F;
+  --primitive-yellow-06: #D3A945;
+  --primitive-yellow-07: #D0A339;
+  --primitive-yellow-08: #937328;
+  --primitive-yellow-09: #66501C;
+  --primitive-yellow-10: #3B2E10;
+  --primitive-yellow-11: #2D230C;
+  --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/gold.css

@@ -0,0 +1,303 @@
+/*
+ * AUTO-GENERATED. Do not edit.
+ * Theme preset "gold" (Volt).
+ * 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="gold" on <html>.
+ */
+@font-face {
+  font-family: 'Space Grotesk';
+  font-style: normal;
+  font-weight: 300 700;
+  font-display: swap;
+  src: url('../../fonts/presets/space-grotesk-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: 'Space Grotesk';
+  font-style: normal;
+  font-weight: 300 700;
+  font-display: swap;
+  src: url('../../fonts/presets/space-grotesk-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="gold"] {
+  --color-action-icon-active: var(--primitive-yellow-11);
+  --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-yellow-10);
+  --color-action-primary-border-secondary: var(--primitive-yellow-07);
+  --color-action-primary-border-tertiary: var(--primitive-yellow-07);
+  --color-action-primary-text: var(--primitive-yellow-07);
+  --color-action-primary-text-active: var(--primitive-yellow-07);
+  --color-action-primary-text-secondary: var(--primitive-yellow-10);
+  --color-action-primary-text-tertiary: var(--primitive-yellow-08);
+  --color-ai-gradient-end: var(--primitive-yellow-07);
+  --color-core-accent-amber: #FFAE4F;
+  --color-core-accent-cobalt: #6E7FD9;
+  --color-core-accent-coral: #F58B5B;
+  --color-core-accent-gold: #FFD166;
+  --color-core-accent-mint: #7FC9A0;
+  --color-core-accent-violet: #B78AD9;
+  --color-core-ui-primary: var(--primitive-yellow-07);
+  --color-core-ui-secondary: var(--primitive-yellow-10);
+  --color-input-border-hover: var(--primitive-yellow-08);
+  --color-input-border-selected: var(--primitive-yellow-07);
+  --font-family-primary: 'Space Grotesk', 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: #FAFBFE;
+  --primitive-blue-01: #F4F6FD;
+  --primitive-blue-02: #DFE4F9;
+  --primitive-blue-03: #BFC9F3;
+  --primitive-blue-04: #9BABEC;
+  --primitive-blue-05: #738BE4;
+  --primitive-blue-06: #526FDE;
+  --primitive-blue-07: #3355D8;
+  --primitive-blue-08: #2741A5;
+  --primitive-blue-09: #1B2C71;
+  --primitive-blue-10: #0F193E;
+  --primitive-blue-11: #0A112B;
+  --primitive-green-00: #F8FDFB;
+  --primitive-green-01: #EFFAF6;
+  --primitive-green-02: #D1F1E6;
+  --primitive-green-03: #A3E3CD;
+  --primitive-green-04: #74D4B4;
+  --primitive-green-05: #62CFAB;
+  --primitive-green-06: #4DC89F;
+  --primitive-green-07: #2FBF8F;
+  --primitive-green-08: #24946F;
+  --primitive-green-09: #1A6A50;
+  --primitive-green-10: #0F3E2F;
+  --primitive-green-11: #0C3024;
+  --primitive-neutral-00: #FFFDF9;
+  --primitive-neutral-00-a01: rgba(255, 253, 249, 0.01);
+  --primitive-neutral-00-a60: rgba(255, 253, 249, 0.6);
+  --primitive-neutral-00-a90: rgba(255, 253, 249, 0.9);
+  --primitive-neutral-01: #F2F0EB;
+  --primitive-neutral-01-a01: rgba(242, 240, 235, 0.01);
+  --primitive-neutral-01-a60: rgba(242, 240, 235, 0.6);
+  --primitive-neutral-01-a82: rgba(242, 240, 235, 0.82);
+  --primitive-neutral-02: #D8D6D2;
+  --primitive-neutral-02-a80: rgba(216, 214, 210, 0.8);
+  --primitive-neutral-03: #BFBDB9;
+  --primitive-neutral-03-a80: rgba(191, 189, 185, 0.8);
+  --primitive-neutral-04: #A6A4A0;
+  --primitive-neutral-05: #8D8B87;
+  --primitive-neutral-06: #73716D;
+  --primitive-neutral-07: #383632;
+  --primitive-neutral-07-a80: rgba(56, 54, 50, 0.8);
+  --primitive-neutral-08: #2C2A26;
+  --primitive-neutral-08-a80: rgba(44, 42, 38, 0.8);
+  --primitive-neutral-09: #181612;
+  --primitive-neutral-09-a01: rgba(24, 22, 18, 0.01);
+  --primitive-neutral-09-a60: rgba(24, 22, 18, 0.6);
+  --primitive-neutral-09-a66: rgba(24, 22, 18, 0.66);
+  --primitive-neutral-09-a80: rgba(24, 22, 18, 0.8);
+  --primitive-neutral-10: #0F0D09;
+  --primitive-neutral-10-a01: rgba(15, 13, 9, 0.01);
+  --primitive-neutral-10-a60: rgba(15, 13, 9, 0.6);
+  --primitive-neutral-11: #0A0804;
+  --primitive-orange-00: #FFFCFA;
+  --primitive-orange-01: #FFF8F2;
+  --primitive-orange-02: #FFE2C7;
+  --primitive-orange-03: #FFC590;
+  --primitive-orange-04: #FFAC5F;
+  --primitive-orange-05: #FFA653;
+  --primitive-orange-06: #FFA14A;
+  --primitive-orange-07: #FF9A3D;
+  --primitive-orange-08: #C1752E;
+  --primitive-orange-09: #8A5321;
+  --primitive-orange-10: #523214;
+  --primitive-orange-11: #3D250F;
+  --primitive-purple-00: #FCFAFE;
+  --primitive-purple-01: #F6F2FD;
+  --primitive-purple-02: #E2D2F9;
+  --primitive-purple-03: #C6A9F4;
+  --primitive-purple-04: #A474ED;
+  --primitive-purple-05: #8A4DE8;
+  --primitive-purple-06: #8A4DE8;
+  --primitive-purple-07: #8A4DE8;
+  --primitive-purple-08: #6639AB;
+  --primitive-purple-09: #472878;
+  --primitive-purple-10: #2B1848;
+  --primitive-purple-11: #201236;
+  --primitive-radius-050: 1px;
+  --primitive-radius-100: 1px;
+  --primitive-radius-1200: 14px;
+  --primitive-radius-200: 2px;
+  --primitive-radius-300: 4px;
+  --primitive-radius-400: 5px;
+  --primitive-radius-600: 7px;
+  --primitive-radius-pill: 5px;
+  --primitive-red-00: #FEF7F8;
+  --primitive-red-01: #FEEEEF;
+  --primitive-red-02: #FBD1D5;
+  --primitive-red-03: #F9B7BE;
+  --primitive-red-04: #F79EA7;
+  --primitive-red-05: #F4818C;
+  --primitive-red-06: #F26775;
+  --primitive-red-07: #F04E5E;
+  --primitive-red-08: #C7414E;
+  --primitive-red-09: #892D36;
+  --primitive-red-10: #531B21;
+  --primitive-red-11: #3E1418;
+  --primitive-teal-00: #F8FCFD;
+  --primitive-teal-01: #F0F8FA;
+  --primitive-teal-02: #D6EDF2;
+  --primitive-teal-03: #AADAE5;
+  --primitive-teal-04: #7CC6D6;
+  --primitive-teal-05: #4DB1C8;
+  --primitive-teal-06: #34A6C0;
+  --primitive-teal-07: #1A9BB8;
+  --primitive-teal-08: #157D95;
+  --primitive-teal-09: #0F596A;
+  --primitive-teal-10: #09333C;
+  --primitive-teal-11: #06252B;
+}
+
+html[data-brand="gold"][data-theme="dark"] {
+  --color-action-icon-active: var(--primitive-yellow-11);
+  --color-action-primary-bg: var(--primitive-yellow-07);
+  --color-action-primary-bg-active: var(--primitive-yellow-09);
+  --color-action-primary-bg-hover: var(--primitive-yellow-08);
+  --color-action-primary-border: var(--primitive-yellow-07);
+  --color-action-primary-border-secondary: var(--primitive-yellow-08);
+  --color-action-primary-border-tertiary: var(--primitive-yellow-07);
+  --color-action-primary-text: var(--primitive-yellow-11);
+  --color-action-primary-text-active: var(--primitive-yellow-11);
+  --color-action-primary-text-secondary: var(--primitive-yellow-10);
+  --color-action-primary-text-tertiary: var(--primitive-yellow-07);
+  --color-ai-gradient-end: var(--primitive-yellow-08);
+  --color-core-accent-amber: #FFAE4F;
+  --color-core-accent-cobalt: #6E7FD9;
+  --color-core-accent-coral: #F58B5B;
+  --color-core-accent-gold: #FFD166;
+  --color-core-accent-mint: #7FC9A0;
+  --color-core-accent-violet: #B78AD9;
+  --color-core-ui-primary: var(--primitive-yellow-07);
+  --color-core-ui-secondary: var(--primitive-yellow-09);
+  --color-input-border-hover: var(--primitive-yellow-08);
+  --color-input-border-selected: var(--primitive-yellow-08);
+  --font-family-primary: 'Space Grotesk', 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: #FAFBFE;
+  --primitive-blue-01: #F4F6FD;
+  --primitive-blue-02: #DFE4F9;
+  --primitive-blue-03: #BFC9F3;
+  --primitive-blue-04: #9BABEC;
+  --primitive-blue-05: #738BE4;
+  --primitive-blue-06: #526FDE;
+  --primitive-blue-07: #3355D8;
+  --primitive-blue-08: #2741A5;
+  --primitive-blue-09: #1B2C71;
+  --primitive-blue-10: #0F193E;
+  --primitive-blue-11: #0A112B;
+  --primitive-green-00: #F8FDFB;
+  --primitive-green-01: #EFFAF6;
+  --primitive-green-02: #D1F1E6;
+  --primitive-green-03: #A3E3CD;
+  --primitive-green-04: #74D4B4;
+  --primitive-green-05: #62CFAB;
+  --primitive-green-06: #4DC89F;
+  --primitive-green-07: #2FBF8F;
+  --primitive-green-08: #24946F;
+  --primitive-green-09: #1A6A50;
+  --primitive-green-10: #0F3E2F;
+  --primitive-green-11: #0C3024;
+  --primitive-neutral-00: #FFFDF9;
+  --primitive-neutral-00-a01: rgba(255, 253, 249, 0.01);
+  --primitive-neutral-00-a60: rgba(255, 253, 249, 0.6);
+  --primitive-neutral-00-a90: rgba(255, 253, 249, 0.9);
+  --primitive-neutral-01: #F2F0EB;
+  --primitive-neutral-01-a01: rgba(242, 240, 235, 0.01);
+  --primitive-neutral-01-a60: rgba(242, 240, 235, 0.6);
+  --primitive-neutral-01-a82: rgba(242, 240, 235, 0.82);
+  --primitive-neutral-02: #D8D6D2;
+  --primitive-neutral-02-a80: rgba(216, 214, 210, 0.8);
+  --primitive-neutral-03: #BFBDB9;
+  --primitive-neutral-03-a80: rgba(191, 189, 185, 0.8);
+  --primitive-neutral-04: #A6A4A0;
+  --primitive-neutral-05: #8D8B87;
+  --primitive-neutral-06: #73716D;
+  --primitive-neutral-07: #383632;
+  --primitive-neutral-07-a80: rgba(56, 54, 50, 0.8);
+  --primitive-neutral-08: #2C2A26;
+  --primitive-neutral-08-a80: rgba(44, 42, 38, 0.8);
+  --primitive-neutral-09: #181612;
+  --primitive-neutral-09-a01: rgba(24, 22, 18, 0.01);
+  --primitive-neutral-09-a60: rgba(24, 22, 18, 0.6);
+  --primitive-neutral-09-a66: rgba(24, 22, 18, 0.66);
+  --primitive-neutral-09-a80: rgba(24, 22, 18, 0.8);
+  --primitive-neutral-10: #0F0D09;
+  --primitive-neutral-10-a01: rgba(15, 13, 9, 0.01);
+  --primitive-neutral-10-a60: rgba(15, 13, 9, 0.6);
+  --primitive-neutral-11: #0A0804;
+  --primitive-orange-00: #FFFCFA;
+  --primitive-orange-01: #FFF8F2;
+  --primitive-orange-02: #FFE2C7;
+  --primitive-orange-03: #FFC590;
+  --primitive-orange-04: #FFAC5F;
+  --primitive-orange-05: #FFA653;
+  --primitive-orange-06: #FFA14A;
+  --primitive-orange-07: #FF9A3D;
+  --primitive-orange-08: #C1752E;
+  --primitive-orange-09: #8A5321;
+  --primitive-orange-10: #523214;
+  --primitive-orange-11: #3D250F;
+  --primitive-purple-00: #FCFAFE;
+  --primitive-purple-01: #F6F2FD;
+  --primitive-purple-02: #E2D2F9;
+  --primitive-purple-03: #C6A9F4;
+  --primitive-purple-04: #A474ED;
+  --primitive-purple-05: #8A4DE8;
+  --primitive-purple-06: #8A4DE8;
+  --primitive-purple-07: #8A4DE8;
+  --primitive-purple-08: #6639AB;
+  --primitive-purple-09: #472878;
+  --primitive-purple-10: #2B1848;
+  --primitive-purple-11: #201236;
+  --primitive-radius-050: 1px;
+  --primitive-radius-100: 1px;
+  --primitive-radius-1200: 14px;
+  --primitive-radius-200: 2px;
+  --primitive-radius-300: 4px;
+  --primitive-radius-400: 5px;
+  --primitive-radius-600: 7px;
+  --primitive-radius-pill: 5px;
+  --primitive-red-00: #FEF7F8;
+  --primitive-red-01: #FEEEEF;
+  --primitive-red-02: #FBD1D5;
+  --primitive-red-03: #F9B7BE;
+  --primitive-red-04: #F79EA7;
+  --primitive-red-05: #F4818C;
+  --primitive-red-06: #F26775;
+  --primitive-red-07: #F04E5E;
+  --primitive-red-08: #C7414E;
+  --primitive-red-09: #892D36;
+  --primitive-red-10: #531B21;
+  --primitive-red-11: #3E1418;
+  --primitive-teal-00: #F8FCFD;
+  --primitive-teal-01: #F0F8FA;
+  --primitive-teal-02: #D6EDF2;
+  --primitive-teal-03: #AADAE5;
+  --primitive-teal-04: #7CC6D6;
+  --primitive-teal-05: #4DB1C8;
+  --primitive-teal-06: #34A6C0;
+  --primitive-teal-07: #1A9BB8;
+  --primitive-teal-08: #157D95;
+  --primitive-teal-09: #0F596A;
+  --primitive-teal-10: #09333C;
+  --primitive-teal-11: #06252B;
+}