rift-ds 1.0.0

package/tokens/presets/terminal.css

@@ -0,0 +1,378 @@
+/*
+ * AUTO-GENERATED. Do not edit.
+ * Theme preset "terminal" (Terminal).
+ * 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="terminal" on <html>.
+ */
+@font-face {
+  font-family: 'IBM Plex Mono';
+  font-style: normal;
+  font-weight: 300;
+  font-display: swap;
+  src: url('../../fonts/presets/ibm-plex-mono-300-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: 'IBM Plex Mono';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url('../../fonts/presets/ibm-plex-mono-400-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: 'IBM Plex Mono';
+  font-style: normal;
+  font-weight: 500;
+  font-display: swap;
+  src: url('../../fonts/presets/ibm-plex-mono-500-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: 'IBM Plex Mono';
+  font-style: normal;
+  font-weight: 600;
+  font-display: swap;
+  src: url('../../fonts/presets/ibm-plex-mono-600-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: 'IBM Plex Mono';
+  font-style: normal;
+  font-weight: 700;
+  font-display: swap;
+  src: url('../../fonts/presets/ibm-plex-mono-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: 'IBM Plex Mono';
+  font-style: normal;
+  font-weight: 300;
+  font-display: swap;
+  src: url('../../fonts/presets/ibm-plex-mono-300-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: 'IBM Plex Mono';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url('../../fonts/presets/ibm-plex-mono-400-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: 'IBM Plex Mono';
+  font-style: normal;
+  font-weight: 500;
+  font-display: swap;
+  src: url('../../fonts/presets/ibm-plex-mono-500-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: 'IBM Plex Mono';
+  font-style: normal;
+  font-weight: 600;
+  font-display: swap;
+  src: url('../../fonts/presets/ibm-plex-mono-600-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: 'IBM Plex Mono';
+  font-style: normal;
+  font-weight: 700;
+  font-display: swap;
+  src: url('../../fonts/presets/ibm-plex-mono-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="terminal"] {
+  --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-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: #57E0B0;
+  --color-core-accent-cobalt: #2FA98F;
+  --color-core-accent-coral: #35D6A0;
+  --color-core-accent-gold: #7CE8C2;
+  --color-core-accent-mint: #06D6A0;
+  --color-core-accent-violet: #3DBFA8;
+  --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-family-primary: 'IBM Plex Mono', monospace;
+  --motion-duration-base: 160ms;
+  --motion-duration-deliberate: 320ms;
+  --motion-duration-fast: 120ms;
+  --motion-duration-slow: 240ms;
+  --motion-duration-slower: 480ms;
+  --primitive-blue-00: #FAFBFD;
+  --primitive-blue-01: #F3F6FA;
+  --primitive-blue-02: #DEE5F1;
+  --primitive-blue-03: #BCCBE2;
+  --primitive-blue-04: #97ADD2;
+  --primitive-blue-05: #6E8DC0;
+  --primitive-blue-06: #4B72B1;
+  --primitive-blue-07: #2B59A3;
+  --primitive-blue-08: #21447C;
+  --primitive-blue-09: #162F55;
+  --primitive-blue-10: #0C1A2F;
+  --primitive-blue-11: #091221;
+  --primitive-neutral-00: #F5FDFB;
+  --primitive-neutral-00-a01: rgba(245, 253, 251, 0.01);
+  --primitive-neutral-00-a60: rgba(245, 253, 251, 0.6);
+  --primitive-neutral-00-a90: rgba(245, 253, 251, 0.9);
+  --primitive-neutral-01: #E8F0EE;
+  --primitive-neutral-01-a01: rgba(232, 240, 238, 0.01);
+  --primitive-neutral-01-a60: rgba(232, 240, 238, 0.6);
+  --primitive-neutral-01-a82: rgba(232, 240, 238, 0.82);
+  --primitive-neutral-02: #CED6D4;
+  --primitive-neutral-02-a80: rgba(206, 214, 212, 0.8);
+  --primitive-neutral-03: #B5BDBB;
+  --primitive-neutral-03-a80: rgba(181, 189, 187, 0.8);
+  --primitive-neutral-04: #9CA4A2;
+  --primitive-neutral-05: #838B89;
+  --primitive-neutral-06: #69716F;
+  --primitive-neutral-07: #2E3734;
+  --primitive-neutral-07-a80: rgba(46, 55, 52, 0.8);
+  --primitive-neutral-08: #222A28;
+  --primitive-neutral-08-a80: rgba(34, 42, 40, 0.8);
+  --primitive-neutral-09: #0E1614;
+  --primitive-neutral-09-a01: rgba(14, 22, 20, 0.01);
+  --primitive-neutral-09-a60: rgba(14, 22, 20, 0.6);
+  --primitive-neutral-09-a66: rgba(14, 22, 20, 0.66);
+  --primitive-neutral-09-a80: rgba(14, 22, 20, 0.8);
+  --primitive-neutral-10: #050D0B;
+  --primitive-neutral-10-a01: rgba(5, 13, 11, 0.01);
+  --primitive-neutral-10-a60: rgba(5, 13, 11, 0.6);
+  --primitive-neutral-11: #000906;
+  --primitive-orange-00: #FEFCFA;
+  --primitive-orange-01: #FDF8F4;
+  --primitive-orange-02: #F6E1CE;
+  --primitive-orange-03: #EDC59E;
+  --primitive-orange-04: #E5AB73;
+  --primitive-orange-05: #E4A569;
+  --primitive-orange-06: #E2A062;
+  --primitive-orange-07: #E09956;
+  --primitive-orange-08: #A97441;
+  --primitive-orange-09: #79532E;
+  --primitive-orange-10: #48311C;
+  --primitive-orange-11: #352414;
+  --primitive-purple-00: #FCFBFE;
+  --primitive-purple-01: #F5F3FB;
+  --primitive-purple-02: #DFD6F1;
+  --primitive-purple-03: #C1B0E4;
+  --primitive-purple-04: #9A7FD4;
+  --primitive-purple-05: #7E5BC8;
+  --primitive-purple-06: #7E5BC8;
+  --primitive-purple-07: #7E5BC8;
+  --primitive-purple-08: #5D4394;
+  --primitive-purple-09: #412F67;
+  --primitive-purple-10: #271C3E;
+  --primitive-purple-11: #1D152E;
+  --primitive-radius-050: 0px;
+  --primitive-radius-100: 0px;
+  --primitive-radius-1200: 0px;
+  --primitive-radius-200: 0px;
+  --primitive-radius-300: 0px;
+  --primitive-radius-400: 0px;
+  --primitive-radius-600: 0px;
+  --primitive-radius-pill: 2px;
+  --primitive-red-00: #FEF7F8;
+  --primitive-red-01: #FCEEF0;
+  --primitive-red-02: #F7D3D7;
+  --primitive-red-03: #F2BAC0;
+  --primitive-red-04: #EEA2AA;
+  --primitive-red-05: #E98691;
+  --primitive-red-06: #E46E7B;
+  --primitive-red-07: #E05665;
+  --primitive-red-08: #BA4754;
+  --primitive-red-09: #80313A;
+  --primitive-red-10: #4E1E23;
+  --primitive-red-11: #3A161A;
+  --primitive-teal-00: #F8FBFC;
+  --primitive-teal-01: #F0F7F9;
+  --primitive-teal-02: #D7EAEF;
+  --primitive-teal-03: #ACD4DD;
+  --primitive-teal-04: #7FBCCB;
+  --primitive-teal-05: #51A4B8;
+  --primitive-teal-06: #3897AE;
+  --primitive-teal-07: #1F8AA4;
+  --primitive-teal-08: #197085;
+  --primitive-teal-09: #124F5E;
+  --primitive-teal-10: #0A2D36;
+  --primitive-teal-11: #072127;
+  --primitive-yellow-00: #FEFDF6;
+  --primitive-yellow-01: #FDFAEC;
+  --primitive-yellow-02: #FAF3D0;
+  --primitive-yellow-03: #F7EBAE;
+  --primitive-yellow-04: #F3E28B;
+  --primitive-yellow-05: #F3E083;
+  --primitive-yellow-06: #F2DE7D;
+  --primitive-yellow-07: #F1DC74;
+  --primitive-yellow-08: #AA9B52;
+  --primitive-yellow-09: #766B39;
+  --primitive-yellow-10: #443E21;
+  --primitive-yellow-11: #342F19;
+  --shadow-floating: none;
+  --shadow-modal: none;
+}
+
+html[data-brand="terminal"][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: #57E0B0;
+  --color-core-accent-cobalt: #2FA98F;
+  --color-core-accent-coral: #35D6A0;
+  --color-core-accent-gold: #7CE8C2;
+  --color-core-accent-mint: #06D6A0;
+  --color-core-accent-violet: #3DBFA8;
+  --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-family-primary: 'IBM Plex Mono', monospace;
+  --motion-duration-base: 160ms;
+  --motion-duration-deliberate: 320ms;
+  --motion-duration-fast: 120ms;
+  --motion-duration-slow: 240ms;
+  --motion-duration-slower: 480ms;
+  --primitive-blue-00: #FAFBFD;
+  --primitive-blue-01: #F3F6FA;
+  --primitive-blue-02: #DEE5F1;
+  --primitive-blue-03: #BCCBE2;
+  --primitive-blue-04: #97ADD2;
+  --primitive-blue-05: #6E8DC0;
+  --primitive-blue-06: #4B72B1;
+  --primitive-blue-07: #2B59A3;
+  --primitive-blue-08: #21447C;
+  --primitive-blue-09: #162F55;
+  --primitive-blue-10: #0C1A2F;
+  --primitive-blue-11: #091221;
+  --primitive-neutral-00: #F5FDFB;
+  --primitive-neutral-00-a01: rgba(245, 253, 251, 0.01);
+  --primitive-neutral-00-a60: rgba(245, 253, 251, 0.6);
+  --primitive-neutral-00-a90: rgba(245, 253, 251, 0.9);
+  --primitive-neutral-01: #E8F0EE;
+  --primitive-neutral-01-a01: rgba(232, 240, 238, 0.01);
+  --primitive-neutral-01-a60: rgba(232, 240, 238, 0.6);
+  --primitive-neutral-01-a82: rgba(232, 240, 238, 0.82);
+  --primitive-neutral-02: #CED6D4;
+  --primitive-neutral-02-a80: rgba(206, 214, 212, 0.8);
+  --primitive-neutral-03: #B5BDBB;
+  --primitive-neutral-03-a80: rgba(181, 189, 187, 0.8);
+  --primitive-neutral-04: #9CA4A2;
+  --primitive-neutral-05: #838B89;
+  --primitive-neutral-06: #69716F;
+  --primitive-neutral-07: #2E3734;
+  --primitive-neutral-07-a80: rgba(46, 55, 52, 0.8);
+  --primitive-neutral-08: #222A28;
+  --primitive-neutral-08-a80: rgba(34, 42, 40, 0.8);
+  --primitive-neutral-09: #0E1614;
+  --primitive-neutral-09-a01: rgba(14, 22, 20, 0.01);
+  --primitive-neutral-09-a60: rgba(14, 22, 20, 0.6);
+  --primitive-neutral-09-a66: rgba(14, 22, 20, 0.66);
+  --primitive-neutral-09-a80: rgba(14, 22, 20, 0.8);
+  --primitive-neutral-10: #050D0B;
+  --primitive-neutral-10-a01: rgba(5, 13, 11, 0.01);
+  --primitive-neutral-10-a60: rgba(5, 13, 11, 0.6);
+  --primitive-neutral-11: #000906;
+  --primitive-orange-00: #FEFCFA;
+  --primitive-orange-01: #FDF8F4;
+  --primitive-orange-02: #F6E1CE;
+  --primitive-orange-03: #EDC59E;
+  --primitive-orange-04: #E5AB73;
+  --primitive-orange-05: #E4A569;
+  --primitive-orange-06: #E2A062;
+  --primitive-orange-07: #E09956;
+  --primitive-orange-08: #A97441;
+  --primitive-orange-09: #79532E;
+  --primitive-orange-10: #48311C;
+  --primitive-orange-11: #352414;
+  --primitive-purple-00: #FCFBFE;
+  --primitive-purple-01: #F5F3FB;
+  --primitive-purple-02: #DFD6F1;
+  --primitive-purple-03: #C1B0E4;
+  --primitive-purple-04: #9A7FD4;
+  --primitive-purple-05: #7E5BC8;
+  --primitive-purple-06: #7E5BC8;
+  --primitive-purple-07: #7E5BC8;
+  --primitive-purple-08: #5D4394;
+  --primitive-purple-09: #412F67;
+  --primitive-purple-10: #271C3E;
+  --primitive-purple-11: #1D152E;
+  --primitive-radius-050: 0px;
+  --primitive-radius-100: 0px;
+  --primitive-radius-1200: 0px;
+  --primitive-radius-200: 0px;
+  --primitive-radius-300: 0px;
+  --primitive-radius-400: 0px;
+  --primitive-radius-600: 0px;
+  --primitive-radius-pill: 2px;
+  --primitive-red-00: #FEF7F8;
+  --primitive-red-01: #FCEEF0;
+  --primitive-red-02: #F7D3D7;
+  --primitive-red-03: #F2BAC0;
+  --primitive-red-04: #EEA2AA;
+  --primitive-red-05: #E98691;
+  --primitive-red-06: #E46E7B;
+  --primitive-red-07: #E05665;
+  --primitive-red-08: #BA4754;
+  --primitive-red-09: #80313A;
+  --primitive-red-10: #4E1E23;
+  --primitive-red-11: #3A161A;
+  --primitive-teal-00: #F8FBFC;
+  --primitive-teal-01: #F0F7F9;
+  --primitive-teal-02: #D7EAEF;
+  --primitive-teal-03: #ACD4DD;
+  --primitive-teal-04: #7FBCCB;
+  --primitive-teal-05: #51A4B8;
+  --primitive-teal-06: #3897AE;
+  --primitive-teal-07: #1F8AA4;
+  --primitive-teal-08: #197085;
+  --primitive-teal-09: #124F5E;
+  --primitive-teal-10: #0A2D36;
+  --primitive-teal-11: #072127;
+  --primitive-yellow-00: #FEFDF6;
+  --primitive-yellow-01: #FDFAEC;
+  --primitive-yellow-02: #FAF3D0;
+  --primitive-yellow-03: #F7EBAE;
+  --primitive-yellow-04: #F3E28B;
+  --primitive-yellow-05: #F3E083;
+  --primitive-yellow-06: #F2DE7D;
+  --primitive-yellow-07: #F1DC74;
+  --primitive-yellow-08: #AA9B52;
+  --primitive-yellow-09: #766B39;
+  --primitive-yellow-10: #443E21;
+  --primitive-yellow-11: #342F19;
+  --shadow-floating: none;
+  --shadow-modal: none;
+}

package/tokens/presets/violet.css

@@ -0,0 +1,314 @@
+/*
+ * AUTO-GENERATED. Do not edit.
+ * Theme preset "violet" (Velvet).
+ * 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="violet" on <html>.
+ */
+@font-face {
+  font-family: 'Work Sans';
+  font-style: normal;
+  font-weight: 300 700;
+  font-display: swap;
+  src: url('../../fonts/presets/work-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: 'Work Sans';
+  font-style: normal;
+  font-weight: 300 700;
+  font-display: swap;
+  src: url('../../fonts/presets/work-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: '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="violet"] {
+  --color-action-icon-active: var(--primitive-purple-02);
+  --color-action-primary-bg: var(--primitive-purple-08);
+  --color-action-primary-bg-active: var(--primitive-purple-10);
+  --color-action-primary-bg-hover: var(--primitive-purple-09);
+  --color-action-primary-border: var(--primitive-purple-11);
+  --color-action-primary-border-secondary: var(--primitive-purple-08);
+  --color-action-primary-border-tertiary: var(--primitive-purple-08);
+  --color-action-primary-text: var(--primitive-purple-02);
+  --color-action-primary-text-secondary: var(--primitive-purple-11);
+  --color-action-primary-text-tertiary: var(--primitive-purple-09);
+  --color-ai-gradient-end: var(--primitive-purple-08);
+  --color-core-accent-amber: #D9915E;
+  --color-core-accent-cobalt: #6A5BE0;
+  --color-core-accent-coral: #D96BA8;
+  --color-core-accent-gold: #D9BE7A;
+  --color-core-accent-mint: #6BAE9E;
+  --color-core-accent-violet: #9E47EF;
+  --color-core-ui-primary: var(--primitive-purple-08);
+  --color-core-ui-secondary: var(--primitive-purple-11);
+  --color-input-border-hover: var(--primitive-purple-06);
+  --color-input-border-selected: var(--primitive-purple-08);
+  --font-family-heading: 'Lora', serif;
+  --font-family-primary: 'Work Sans', sans-serif;
+  --primitive-blue-00: #FBFBFE;
+  --primitive-blue-01: #F6F6FD;
+  --primitive-blue-02: #E6E7F9;
+  --primitive-blue-03: #CCCEF3;
+  --primitive-blue-04: #AFB2EC;
+  --primitive-blue-05: #8F94E4;
+  --primitive-blue-06: #757BDE;
+  --primitive-blue-07: #5C63D8;
+  --primitive-blue-08: #464BA5;
+  --primitive-blue-09: #303471;
+  --primitive-blue-10: #1B1D3E;
+  --primitive-blue-11: #12142B;
+  --primitive-green-00: #F9FCFC;
+  --primitive-green-01: #F0F9F7;
+  --primitive-green-02: #D5EDE8;
+  --primitive-green-03: #AADBD0;
+  --primitive-green-04: #7FCAB8;
+  --primitive-green-05: #6EC3AF;
+  --primitive-green-06: #5BBBA4;
+  --primitive-green-07: #3FAF95;
+  --primitive-green-08: #318874;
+  --primitive-green-09: #236153;
+  --primitive-green-10: #143930;
+  --primitive-green-11: #102C26;
+  --primitive-neutral-00: #FAF6FE;
+  --primitive-neutral-00-a01: rgba(250, 246, 254, 0.01);
+  --primitive-neutral-00-a60: rgba(250, 246, 254, 0.6);
+  --primitive-neutral-00-a90: rgba(250, 246, 254, 0.9);
+  --primitive-neutral-01: #EDE9F1;
+  --primitive-neutral-01-a01: rgba(237, 233, 241, 0.01);
+  --primitive-neutral-01-a60: rgba(237, 233, 241, 0.6);
+  --primitive-neutral-01-a82: rgba(237, 233, 241, 0.82);
+  --primitive-neutral-02: #D3CFD7;
+  --primitive-neutral-02-a80: rgba(211, 207, 215, 0.8);
+  --primitive-neutral-03: #BBB6BF;
+  --primitive-neutral-03-a80: rgba(187, 182, 191, 0.8);
+  --primitive-neutral-04: #A29DA6;
+  --primitive-neutral-05: #89858D;
+  --primitive-neutral-06: #6F6B74;
+  --primitive-neutral-07: #36313A;
+  --primitive-neutral-07-a80: rgba(54, 49, 58, 0.8);
+  --primitive-neutral-08: #29252D;
+  --primitive-neutral-08-a80: rgba(41, 37, 45, 0.8);
+  --primitive-neutral-09: #151119;
+  --primitive-neutral-09-a01: rgba(21, 17, 25, 0.01);
+  --primitive-neutral-09-a60: rgba(21, 17, 25, 0.6);
+  --primitive-neutral-09-a66: rgba(21, 17, 25, 0.66);
+  --primitive-neutral-09-a80: rgba(21, 17, 25, 0.8);
+  --primitive-neutral-10: #0D0811;
+  --primitive-neutral-10-a01: rgba(13, 8, 17, 0.01);
+  --primitive-neutral-10-a60: rgba(13, 8, 17, 0.6);
+  --primitive-neutral-11: #08040C;
+  --primitive-orange-00: #FEFBFB;
+  --primitive-orange-01: #FCF6F5;
+  --primitive-orange-02: #F4D9D2;
+  --primitive-orange-03: #E9B3A5;
+  --primitive-orange-04: #E0927D;
+  --primitive-orange-05: #DD8A74;
+  --primitive-orange-06: #DC846D;
+  --primitive-orange-07: #D97B62;
+  --primitive-orange-08: #A45D4A;
+  --primitive-orange-09: #754235;
+  --primitive-orange-10: #462820;
+  --primitive-orange-11: #341D17;
+  --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: #FEF7FA;
+  --primitive-red-01: #FCEEF4;
+  --primitive-red-02: #F7D3E2;
+  --primitive-red-03: #F2BAD2;
+  --primitive-red-04: #EEA2C1;
+  --primitive-red-05: #E986AF;
+  --primitive-red-06: #E46E9F;
+  --primitive-red-07: #E0568F;
+  --primitive-red-08: #BA4777;
+  --primitive-red-09: #803152;
+  --primitive-red-10: #4E1E32;
+  --primitive-red-11: #3A1625;
+  --primitive-teal-00: #F9FBFD;
+  --primitive-teal-01: #F3F8FA;
+  --primitive-teal-02: #DFEBF2;
+  --primitive-teal-03: #BCD5E5;
+  --primitive-teal-04: #98BFD6;
+  --primitive-teal-05: #73A8C8;
+  --primitive-teal-06: #5F9CC0;
+  --primitive-teal-07: #4B8FB8;
+  --primitive-teal-08: #3D7495;
+  --primitive-teal-09: #2B526A;
+  --primitive-teal-10: #192F3C;
+  --primitive-teal-11: #12222B;
+  --primitive-yellow-00: #FEFCF7;
+  --primitive-yellow-01: #FCF8ED;
+  --primitive-yellow-02: #F7ECD2;
+  --primitive-yellow-03: #F2DEB2;
+  --primitive-yellow-04: #ECD091;
+  --primitive-yellow-05: #EBCD8A;
+  --primitive-yellow-06: #E9CA83;
+  --primitive-yellow-07: #E8C77B;
+  --primitive-yellow-08: #A38C57;
+  --primitive-yellow-09: #71613C;
+  --primitive-yellow-10: #423823;
+  --primitive-yellow-11: #322B1A;
+  --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="violet"][data-theme="dark"] {
+  --color-action-icon-active: var(--primitive-purple-02);
+  --color-action-primary-bg: var(--primitive-purple-08);
+  --color-action-primary-bg-active: var(--primitive-purple-06);
+  --color-action-primary-bg-hover: var(--primitive-purple-07);
+  --color-action-primary-border: var(--primitive-purple-08);
+  --color-action-primary-border-secondary: var(--primitive-purple-09);
+  --color-action-primary-border-tertiary: var(--primitive-purple-08);
+  --color-action-primary-text: var(--primitive-purple-02);
+  --color-action-primary-text-active: var(--primitive-purple-02);
+  --color-action-primary-text-secondary: var(--primitive-purple-11);
+  --color-action-primary-text-tertiary: var(--primitive-purple-08);
+  --color-ai-gradient-end: var(--primitive-purple-09);
+  --color-core-accent-amber: #D9915E;
+  --color-core-accent-cobalt: #6A5BE0;
+  --color-core-accent-coral: #D96BA8;
+  --color-core-accent-gold: #D9BE7A;
+  --color-core-accent-mint: #6BAE9E;
+  --color-core-accent-violet: #9E47EF;
+  --color-core-ui-primary: var(--primitive-purple-08);
+  --color-core-ui-secondary: var(--primitive-purple-09);
+  --color-input-border-hover: var(--primitive-purple-09);
+  --color-input-border-selected: var(--primitive-purple-09);
+  --font-family-heading: 'Lora', serif;
+  --font-family-primary: 'Work Sans', sans-serif;
+  --primitive-blue-00: #FBFBFE;
+  --primitive-blue-01: #F6F6FD;
+  --primitive-blue-02: #E6E7F9;
+  --primitive-blue-03: #CCCEF3;
+  --primitive-blue-04: #AFB2EC;
+  --primitive-blue-05: #8F94E4;
+  --primitive-blue-06: #757BDE;
+  --primitive-blue-07: #5C63D8;
+  --primitive-blue-08: #464BA5;
+  --primitive-blue-09: #303471;
+  --primitive-blue-10: #1B1D3E;
+  --primitive-blue-11: #12142B;
+  --primitive-green-00: #F9FCFC;
+  --primitive-green-01: #F0F9F7;
+  --primitive-green-02: #D5EDE8;
+  --primitive-green-03: #AADBD0;
+  --primitive-green-04: #7FCAB8;
+  --primitive-green-05: #6EC3AF;
+  --primitive-green-06: #5BBBA4;
+  --primitive-green-07: #3FAF95;
+  --primitive-green-08: #318874;
+  --primitive-green-09: #236153;
+  --primitive-green-10: #143930;
+  --primitive-green-11: #102C26;
+  --primitive-neutral-00: #FAF6FE;
+  --primitive-neutral-00-a01: rgba(250, 246, 254, 0.01);
+  --primitive-neutral-00-a60: rgba(250, 246, 254, 0.6);
+  --primitive-neutral-00-a90: rgba(250, 246, 254, 0.9);
+  --primitive-neutral-01: #EDE9F1;
+  --primitive-neutral-01-a01: rgba(237, 233, 241, 0.01);
+  --primitive-neutral-01-a60: rgba(237, 233, 241, 0.6);
+  --primitive-neutral-01-a82: rgba(237, 233, 241, 0.82);
+  --primitive-neutral-02: #D3CFD7;
+  --primitive-neutral-02-a80: rgba(211, 207, 215, 0.8);
+  --primitive-neutral-03: #BBB6BF;
+  --primitive-neutral-03-a80: rgba(187, 182, 191, 0.8);
+  --primitive-neutral-04: #A29DA6;
+  --primitive-neutral-05: #89858D;
+  --primitive-neutral-06: #6F6B74;
+  --primitive-neutral-07: #36313A;
+  --primitive-neutral-07-a80: rgba(54, 49, 58, 0.8);
+  --primitive-neutral-08: #29252D;
+  --primitive-neutral-08-a80: rgba(41, 37, 45, 0.8);
+  --primitive-neutral-09: #151119;
+  --primitive-neutral-09-a01: rgba(21, 17, 25, 0.01);
+  --primitive-neutral-09-a60: rgba(21, 17, 25, 0.6);
+  --primitive-neutral-09-a66: rgba(21, 17, 25, 0.66);
+  --primitive-neutral-09-a80: rgba(21, 17, 25, 0.8);
+  --primitive-neutral-10: #0D0811;
+  --primitive-neutral-10-a01: rgba(13, 8, 17, 0.01);
+  --primitive-neutral-10-a60: rgba(13, 8, 17, 0.6);
+  --primitive-neutral-11: #08040C;
+  --primitive-orange-00: #FEFBFB;
+  --primitive-orange-01: #FCF6F5;
+  --primitive-orange-02: #F4D9D2;
+  --primitive-orange-03: #E9B3A5;
+  --primitive-orange-04: #E0927D;
+  --primitive-orange-05: #DD8A74;
+  --primitive-orange-06: #DC846D;
+  --primitive-orange-07: #D97B62;
+  --primitive-orange-08: #A45D4A;
+  --primitive-orange-09: #754235;
+  --primitive-orange-10: #462820;
+  --primitive-orange-11: #341D17;
+  --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: #FEF7FA;
+  --primitive-red-01: #FCEEF4;
+  --primitive-red-02: #F7D3E2;
+  --primitive-red-03: #F2BAD2;
+  --primitive-red-04: #EEA2C1;
+  --primitive-red-05: #E986AF;
+  --primitive-red-06: #E46E9F;
+  --primitive-red-07: #E0568F;
+  --primitive-red-08: #BA4777;
+  --primitive-red-09: #803152;
+  --primitive-red-10: #4E1E32;
+  --primitive-red-11: #3A1625;
+  --primitive-teal-00: #F9FBFD;
+  --primitive-teal-01: #F3F8FA;
+  --primitive-teal-02: #DFEBF2;
+  --primitive-teal-03: #BCD5E5;
+  --primitive-teal-04: #98BFD6;
+  --primitive-teal-05: #73A8C8;
+  --primitive-teal-06: #5F9CC0;
+  --primitive-teal-07: #4B8FB8;
+  --primitive-teal-08: #3D7495;
+  --primitive-teal-09: #2B526A;
+  --primitive-teal-10: #192F3C;
+  --primitive-teal-11: #12222B;
+  --primitive-yellow-00: #FEFCF7;
+  --primitive-yellow-01: #FCF8ED;
+  --primitive-yellow-02: #F7ECD2;
+  --primitive-yellow-03: #F2DEB2;
+  --primitive-yellow-04: #ECD091;
+  --primitive-yellow-05: #EBCD8A;
+  --primitive-yellow-06: #E9CA83;
+  --primitive-yellow-07: #E8C77B;
+  --primitive-yellow-08: #A38C57;
+  --primitive-yellow-09: #71613C;
+  --primitive-yellow-10: #423823;
+  --primitive-yellow-11: #322B1A;
+  --shadow-floating: 0 6px 24px rgba(0, 0, 0, 0.45);
+  --shadow-modal: 0 12px 48px rgba(0, 0, 0, 0.5);
+}