rift-ds 1.0.0

package/tokens/presets/contrast.css

@@ -0,0 +1,316 @@
+/*
+ * AUTO-GENERATED. Do not edit.
+ * Theme preset "contrast" (Blueprint).
+ * 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="contrast" on <html>.
+ */
+@font-face {
+  font-family: 'IBM Plex Sans';
+  font-style: normal;
+  font-weight: 300 700;
+  font-display: swap;
+  src: url('../../fonts/presets/ibm-plex-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: 'IBM Plex Sans';
+  font-style: normal;
+  font-weight: 300 700;
+  font-display: swap;
+  src: url('../../fonts/presets/ibm-plex-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;
+}
+
+html[data-brand="contrast"] {
+  --color-action-icon-active: var(--primitive-blue-02);
+  --color-action-primary-bg: var(--primitive-blue-07);
+  --color-action-primary-bg-active: var(--primitive-blue-09);
+  --color-action-primary-bg-hover: var(--primitive-blue-08);
+  --color-action-primary-border: var(--primitive-blue-10);
+  --color-action-primary-border-secondary: var(--primitive-blue-07);
+  --color-action-primary-border-tertiary: var(--primitive-blue-07);
+  --color-action-primary-text: var(--primitive-blue-02);
+  --color-action-primary-text-secondary: var(--primitive-blue-10);
+  --color-action-primary-text-tertiary: var(--primitive-blue-08);
+  --color-ai-gradient-end: var(--primitive-blue-07);
+  --color-core-accent-amber: #FF8A3D;
+  --color-core-accent-cobalt: #2E5BFF;
+  --color-core-accent-coral: #FF3D7A;
+  --color-core-accent-gold: #FFC53D;
+  --color-core-accent-mint: #00E0B8;
+  --color-core-accent-violet: #7A3DFF;
+  --color-core-ui-primary: var(--primitive-blue-07);
+  --color-core-ui-secondary: var(--primitive-blue-10);
+  --color-input-border-hover: var(--primitive-blue-06);
+  --color-input-border-selected: var(--primitive-blue-07);
+  --font-family-primary: 'IBM Plex Sans', sans-serif;
+  --primitive-blue-00: #F9FAFF;
+  --primitive-blue-01: #F1F4FF;
+  --primitive-blue-02: #D7E1FF;
+  --primitive-blue-03: #AFC2FF;
+  --primitive-blue-04: #819FFF;
+  --primitive-blue-05: #507AFF;
+  --primitive-blue-06: #275AFF;
+  --primitive-blue-07: #003DFF;
+  --primitive-blue-08: #002EC2;
+  --primitive-blue-09: #002085;
+  --primitive-blue-10: #00124A;
+  --primitive-blue-11: #000C33;
+  --primitive-green-00: #F7FEFB;
+  --primitive-green-01: #EBFCF6;
+  --primitive-green-02: #C7F6E6;
+  --primitive-green-03: #8EEDCD;
+  --primitive-green-04: #55E4B4;
+  --primitive-green-05: #3FE0AB;
+  --primitive-green-06: #25DC9F;
+  --primitive-green-07: #00D68F;
+  --primitive-green-08: #00A66F;
+  --primitive-green-09: #007750;
+  --primitive-green-10: #00462F;
+  --primitive-green-11: #003624;
+  --primitive-neutral-00: #F5F7FF;
+  --primitive-neutral-00-a01: rgba(245, 247, 255, 0.01);
+  --primitive-neutral-00-a60: rgba(245, 247, 255, 0.6);
+  --primitive-neutral-00-a90: rgba(245, 247, 255, 0.9);
+  --primitive-neutral-01: #E7EAF2;
+  --primitive-neutral-01-a01: rgba(231, 234, 242, 0.01);
+  --primitive-neutral-01-a60: rgba(231, 234, 242, 0.6);
+  --primitive-neutral-01-a82: rgba(231, 234, 242, 0.82);
+  --primitive-neutral-02: #CDD0D8;
+  --primitive-neutral-02-a80: rgba(205, 208, 216, 0.8);
+  --primitive-neutral-03: #B4B7BF;
+  --primitive-neutral-03-a80: rgba(180, 183, 191, 0.8);
+  --primitive-neutral-04: #9C9EA6;
+  --primitive-neutral-05: #83858D;
+  --primitive-neutral-06: #696B73;
+  --primitive-neutral-07: #2E3138;
+  --primitive-neutral-07-a80: rgba(46, 49, 56, 0.8);
+  --primitive-neutral-08: #22242C;
+  --primitive-neutral-08-a80: rgba(34, 36, 44, 0.8);
+  --primitive-neutral-09: #0D1018;
+  --primitive-neutral-09-a01: rgba(13, 16, 24, 0.01);
+  --primitive-neutral-09-a60: rgba(13, 16, 24, 0.6);
+  --primitive-neutral-09-a66: rgba(13, 16, 24, 0.66);
+  --primitive-neutral-09-a80: rgba(13, 16, 24, 0.8);
+  --primitive-neutral-10: #05070F;
+  --primitive-neutral-10-a01: rgba(5, 7, 15, 0.01);
+  --primitive-neutral-10-a60: rgba(5, 7, 15, 0.6);
+  --primitive-neutral-11: #00020A;
+  --primitive-orange-00: #FFFBF9;
+  --primitive-orange-01: #FFF5F1;
+  --primitive-orange-02: #FFD4C2;
+  --primitive-orange-03: #FFAA87;
+  --primitive-orange-04: #FF8552;
+  --primitive-orange-05: #FF7C46;
+  --primitive-orange-06: #FF753C;
+  --primitive-orange-07: #FF6B2E;
+  --primitive-orange-08: #C15123;
+  --primitive-orange-09: #8A3A19;
+  --primitive-orange-10: #52220F;
+  --primitive-orange-11: #3D190B;
+  --primitive-purple-00: #FCF9FF;
+  --primitive-purple-01: #F6EFFF;
+  --primitive-purple-02: #E2CBFF;
+  --primitive-purple-03: #C69AFF;
+  --primitive-purple-04: #A45CFF;
+  --primitive-purple-05: #8A2EFF;
+  --primitive-purple-06: #8A2EFF;
+  --primitive-purple-07: #8A2EFF;
+  --primitive-purple-08: #6622BC;
+  --primitive-purple-09: #471884;
+  --primitive-purple-10: #2B0E4F;
+  --primitive-purple-11: #200B3B;
+  --primitive-radius-050: 1px;
+  --primitive-radius-100: 3px;
+  --primitive-radius-1200: 34px;
+  --primitive-radius-200: 6px;
+  --primitive-radius-300: 8px;
+  --primitive-radius-400: 11px;
+  --primitive-radius-600: 17px;
+  --primitive-radius-pill: 11px;
+  --primitive-red-00: #FFF6F8;
+  --primitive-red-01: #FFEAF0;
+  --primitive-red-02: #FFC8D6;
+  --primitive-red-03: #FFAAC0;
+  --primitive-red-04: #FF8CA9;
+  --primitive-red-05: #FF6A90;
+  --primitive-red-06: #FF4C79;
+  --primitive-red-07: #FF2E63;
+  --primitive-red-08: #D32652;
+  --primitive-red-09: #921A39;
+  --primitive-red-10: #581022;
+  --primitive-red-11: #420C1A;
+  --primitive-teal-00: #F7FCFE;
+  --primitive-teal-01: #EEF9FD;
+  --primitive-teal-02: #D1EFFB;
+  --primitive-teal-03: #A0DFF6;
+  --primitive-teal-04: #6DCDF2;
+  --primitive-teal-05: #39BBED;
+  --primitive-teal-06: #1DB2EB;
+  --primitive-teal-07: #00A8E8;
+  --primitive-teal-08: #0088BB;
+  --primitive-teal-09: #006186;
+  --primitive-teal-10: #00374C;
+  --primitive-teal-11: #002837;
+  --primitive-yellow-00: #FFFCF2;
+  --primitive-yellow-01: #FFF8E3;
+  --primitive-yellow-02: #FFECB8;
+  --primitive-yellow-03: #FFDE85;
+  --primitive-yellow-04: #FFD051;
+  --primitive-yellow-05: #FFCD45;
+  --primitive-yellow-06: #FFCA3B;
+  --primitive-yellow-07: #FFC72E;
+  --primitive-yellow-08: #B48C20;
+  --primitive-yellow-09: #7D6116;
+  --primitive-yellow-10: #48380D;
+  --primitive-yellow-11: #372B0A;
+}
+
+html[data-brand="contrast"][data-theme="dark"] {
+  --color-action-icon-active: var(--primitive-blue-02);
+  --color-action-primary-bg: var(--primitive-blue-07);
+  --color-action-primary-bg-active: var(--primitive-blue-05);
+  --color-action-primary-bg-hover: var(--primitive-blue-06);
+  --color-action-primary-border: var(--primitive-blue-07);
+  --color-action-primary-border-secondary: var(--primitive-blue-08);
+  --color-action-primary-border-tertiary: var(--primitive-blue-07);
+  --color-action-primary-text: var(--primitive-blue-02);
+  --color-action-primary-text-active: var(--primitive-blue-02);
+  --color-action-primary-text-secondary: var(--primitive-blue-10);
+  --color-action-primary-text-tertiary: var(--primitive-blue-07);
+  --color-ai-gradient-end: var(--primitive-blue-08);
+  --color-core-accent-amber: #FF8A3D;
+  --color-core-accent-cobalt: #2E5BFF;
+  --color-core-accent-coral: #FF3D7A;
+  --color-core-accent-gold: #FFC53D;
+  --color-core-accent-mint: #00E0B8;
+  --color-core-accent-violet: #7A3DFF;
+  --color-core-ui-primary: var(--primitive-blue-07);
+  --color-core-ui-secondary: var(--primitive-blue-09);
+  --color-input-border-hover: var(--primitive-blue-08);
+  --color-input-border-selected: var(--primitive-blue-08);
+  --font-family-primary: 'IBM Plex Sans', sans-serif;
+  --primitive-blue-00: #F9FAFF;
+  --primitive-blue-01: #F1F4FF;
+  --primitive-blue-02: #D7E1FF;
+  --primitive-blue-03: #AFC2FF;
+  --primitive-blue-04: #819FFF;
+  --primitive-blue-05: #507AFF;
+  --primitive-blue-06: #275AFF;
+  --primitive-blue-07: #003DFF;
+  --primitive-blue-08: #002EC2;
+  --primitive-blue-09: #002085;
+  --primitive-blue-10: #00124A;
+  --primitive-blue-11: #000C33;
+  --primitive-green-00: #F7FEFB;
+  --primitive-green-01: #EBFCF6;
+  --primitive-green-02: #C7F6E6;
+  --primitive-green-03: #8EEDCD;
+  --primitive-green-04: #55E4B4;
+  --primitive-green-05: #3FE0AB;
+  --primitive-green-06: #25DC9F;
+  --primitive-green-07: #00D68F;
+  --primitive-green-08: #00A66F;
+  --primitive-green-09: #007750;
+  --primitive-green-10: #00462F;
+  --primitive-green-11: #003624;
+  --primitive-neutral-00: #F5F7FF;
+  --primitive-neutral-00-a01: rgba(245, 247, 255, 0.01);
+  --primitive-neutral-00-a60: rgba(245, 247, 255, 0.6);
+  --primitive-neutral-00-a90: rgba(245, 247, 255, 0.9);
+  --primitive-neutral-01: #E7EAF2;
+  --primitive-neutral-01-a01: rgba(231, 234, 242, 0.01);
+  --primitive-neutral-01-a60: rgba(231, 234, 242, 0.6);
+  --primitive-neutral-01-a82: rgba(231, 234, 242, 0.82);
+  --primitive-neutral-02: #CDD0D8;
+  --primitive-neutral-02-a80: rgba(205, 208, 216, 0.8);
+  --primitive-neutral-03: #B4B7BF;
+  --primitive-neutral-03-a80: rgba(180, 183, 191, 0.8);
+  --primitive-neutral-04: #9C9EA6;
+  --primitive-neutral-05: #83858D;
+  --primitive-neutral-06: #696B73;
+  --primitive-neutral-07: #2E3138;
+  --primitive-neutral-07-a80: rgba(46, 49, 56, 0.8);
+  --primitive-neutral-08: #22242C;
+  --primitive-neutral-08-a80: rgba(34, 36, 44, 0.8);
+  --primitive-neutral-09: #0D1018;
+  --primitive-neutral-09-a01: rgba(13, 16, 24, 0.01);
+  --primitive-neutral-09-a60: rgba(13, 16, 24, 0.6);
+  --primitive-neutral-09-a66: rgba(13, 16, 24, 0.66);
+  --primitive-neutral-09-a80: rgba(13, 16, 24, 0.8);
+  --primitive-neutral-10: #05070F;
+  --primitive-neutral-10-a01: rgba(5, 7, 15, 0.01);
+  --primitive-neutral-10-a60: rgba(5, 7, 15, 0.6);
+  --primitive-neutral-11: #00020A;
+  --primitive-orange-00: #FFFBF9;
+  --primitive-orange-01: #FFF5F1;
+  --primitive-orange-02: #FFD4C2;
+  --primitive-orange-03: #FFAA87;
+  --primitive-orange-04: #FF8552;
+  --primitive-orange-05: #FF7C46;
+  --primitive-orange-06: #FF753C;
+  --primitive-orange-07: #FF6B2E;
+  --primitive-orange-08: #C15123;
+  --primitive-orange-09: #8A3A19;
+  --primitive-orange-10: #52220F;
+  --primitive-orange-11: #3D190B;
+  --primitive-purple-00: #FCF9FF;
+  --primitive-purple-01: #F6EFFF;
+  --primitive-purple-02: #E2CBFF;
+  --primitive-purple-03: #C69AFF;
+  --primitive-purple-04: #A45CFF;
+  --primitive-purple-05: #8A2EFF;
+  --primitive-purple-06: #8A2EFF;
+  --primitive-purple-07: #8A2EFF;
+  --primitive-purple-08: #6622BC;
+  --primitive-purple-09: #471884;
+  --primitive-purple-10: #2B0E4F;
+  --primitive-purple-11: #200B3B;
+  --primitive-radius-050: 1px;
+  --primitive-radius-100: 3px;
+  --primitive-radius-1200: 34px;
+  --primitive-radius-200: 6px;
+  --primitive-radius-300: 8px;
+  --primitive-radius-400: 11px;
+  --primitive-radius-600: 17px;
+  --primitive-radius-pill: 11px;
+  --primitive-red-00: #FFF6F8;
+  --primitive-red-01: #FFEAF0;
+  --primitive-red-02: #FFC8D6;
+  --primitive-red-03: #FFAAC0;
+  --primitive-red-04: #FF8CA9;
+  --primitive-red-05: #FF6A90;
+  --primitive-red-06: #FF4C79;
+  --primitive-red-07: #FF2E63;
+  --primitive-red-08: #D32652;
+  --primitive-red-09: #921A39;
+  --primitive-red-10: #581022;
+  --primitive-red-11: #420C1A;
+  --primitive-teal-00: #F7FCFE;
+  --primitive-teal-01: #EEF9FD;
+  --primitive-teal-02: #D1EFFB;
+  --primitive-teal-03: #A0DFF6;
+  --primitive-teal-04: #6DCDF2;
+  --primitive-teal-05: #39BBED;
+  --primitive-teal-06: #1DB2EB;
+  --primitive-teal-07: #00A8E8;
+  --primitive-teal-08: #0088BB;
+  --primitive-teal-09: #006186;
+  --primitive-teal-10: #00374C;
+  --primitive-teal-11: #002837;
+  --primitive-yellow-00: #FFFCF2;
+  --primitive-yellow-01: #FFF8E3;
+  --primitive-yellow-02: #FFECB8;
+  --primitive-yellow-03: #FFDE85;
+  --primitive-yellow-04: #FFD051;
+  --primitive-yellow-05: #FFCD45;
+  --primitive-yellow-06: #FFCA3B;
+  --primitive-yellow-07: #FFC72E;
+  --primitive-yellow-08: #B48C20;
+  --primitive-yellow-09: #7D6116;
+  --primitive-yellow-10: #48380D;
+  --primitive-yellow-11: #372B0A;
+}

package/tokens/presets/coral.css

@@ -0,0 +1,356 @@
+/*
+ * AUTO-GENERATED. Do not edit.
+ * Theme preset "coral" (Getaway).
+ * 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="coral" 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: 'Poppins';
+  font-style: normal;
+  font-weight: 300;
+  font-display: swap;
+  src: url('../../fonts/presets/poppins-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: 'Poppins';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url('../../fonts/presets/poppins-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: 'Poppins';
+  font-style: normal;
+  font-weight: 500;
+  font-display: swap;
+  src: url('../../fonts/presets/poppins-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: 'Poppins';
+  font-style: normal;
+  font-weight: 600;
+  font-display: swap;
+  src: url('../../fonts/presets/poppins-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: 'Poppins';
+  font-style: normal;
+  font-weight: 700;
+  font-display: swap;
+  src: url('../../fonts/presets/poppins-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: 'Poppins';
+  font-style: normal;
+  font-weight: 300;
+  font-display: swap;
+  src: url('../../fonts/presets/poppins-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: 'Poppins';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url('../../fonts/presets/poppins-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: 'Poppins';
+  font-style: normal;
+  font-weight: 500;
+  font-display: swap;
+  src: url('../../fonts/presets/poppins-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: 'Poppins';
+  font-style: normal;
+  font-weight: 600;
+  font-display: swap;
+  src: url('../../fonts/presets/poppins-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: 'Poppins';
+  font-style: normal;
+  font-weight: 700;
+  font-display: swap;
+  src: url('../../fonts/presets/poppins-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="coral"] {
+  --color-action-icon-active: var(--primitive-red-01);
+  --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-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: #FF8E3C;
+  --color-core-accent-cobalt: #5E7BD0;
+  --color-core-accent-coral: #FF5A5F;
+  --color-core-accent-gold: #FFC24B;
+  --color-core-accent-mint: #2EBFA5;
+  --color-core-accent-violet: #C86B98;
+  --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: 'Poppins', sans-serif;
+  --font-family-primary: 'DM Sans', sans-serif;
+  --primitive-blue-00: #FBFCFE;
+  --primitive-blue-01: #F5F8FC;
+  --primitive-blue-02: #E3EAF8;
+  --primitive-blue-03: #C6D5F0;
+  --primitive-blue-04: #A6BEE8;
+  --primitive-blue-05: #83A5DF;
+  --primitive-blue-06: #658FD7;
+  --primitive-blue-07: #4A7BD0;
+  --primitive-blue-08: #385E9F;
+  --primitive-blue-09: #27406D;
+  --primitive-blue-10: #15243C;
+  --primitive-blue-11: #0F192A;
+  --primitive-green-00: #F9FCFB;
+  --primitive-green-01: #F0F8F5;
+  --primitive-green-02: #D5ECE2;
+  --primitive-green-03: #AAD9C5;
+  --primitive-green-04: #7FC6A7;
+  --primitive-green-05: #6EBE9C;
+  --primitive-green-06: #5BB68F;
+  --primitive-green-07: #3FA97C;
+  --primitive-green-08: #318360;
+  --primitive-green-09: #235E45;
+  --primitive-green-10: #143728;
+  --primitive-green-11: #102B1F;
+  --primitive-orange-00: #FFFBF9;
+  --primitive-orange-01: #FFF5F1;
+  --primitive-orange-02: #FED2C2;
+  --primitive-orange-03: #FDA687;
+  --primitive-orange-04: #FD7F51;
+  --primitive-orange-05: #FC7645;
+  --primitive-orange-06: #FC6F3C;
+  --primitive-orange-07: #FC642D;
+  --primitive-orange-08: #BF4C22;
+  --primitive-orange-09: #883618;
+  --primitive-orange-10: #51200E;
+  --primitive-orange-11: #3C180B;
+  --primitive-purple-00: #FDFAFC;
+  --primitive-purple-01: #F8F2F5;
+  --primitive-purple-02: #E9D4DF;
+  --primitive-purple-03: #D4ABC1;
+  --primitive-purple-04: #B9789B;
+  --primitive-purple-05: #A6527F;
+  --primitive-purple-06: #A6527F;
+  --primitive-purple-07: #A6527F;
+  --primitive-purple-08: #7B3D5E;
+  --primitive-purple-09: #562A42;
+  --primitive-purple-10: #331927;
+  --primitive-purple-11: #26131D;
+  --primitive-radius-050: 2px;
+  --primitive-radius-100: 4px;
+  --primitive-radius-1200: 48px;
+  --primitive-radius-200: 8px;
+  --primitive-radius-300: 12px;
+  --primitive-radius-400: 16px;
+  --primitive-radius-600: 24px;
+  --primitive-radius-pill: 16px;
+  --primitive-red-00: #FDF5F7;
+  --primitive-red-01: #FBE9EE;
+  --primitive-red-02: #F5C5D1;
+  --primitive-red-03: #F0A6B7;
+  --primitive-red-04: #EA869E;
+  --primitive-red-05: #E46281;
+  --primitive-red-06: #DE4367;
+  --primitive-red-07: #D9234E;
+  --primitive-red-08: #B41D41;
+  --primitive-red-09: #7C142D;
+  --primitive-red-10: #4B0C1B;
+  --primitive-red-11: #380914;
+  --primitive-teal-00: #F7FCFC;
+  --primitive-teal-01: #EEF9F8;
+  --primitive-teal-02: #D1EFED;
+  --primitive-teal-03: #A0DED9;
+  --primitive-teal-04: #6DCCC5;
+  --primitive-teal-05: #39BAB0;
+  --primitive-teal-06: #1DB0A5;
+  --primitive-teal-07: #00A699;
+  --primitive-teal-08: #00867C;
+  --primitive-teal-09: #006058;
+  --primitive-teal-10: #003632;
+  --primitive-teal-11: #002724;
+  --primitive-yellow-00: #FEFBF3;
+  --primitive-yellow-01: #FEF6E5;
+  --primitive-yellow-02: #FCE7BE;
+  --primitive-yellow-03: #F9D68F;
+  --primitive-yellow-04: #F7C55F;
+  --primitive-yellow-05: #F6C154;
+  --primitive-yellow-06: #F6BD4B;
+  --primitive-yellow-07: #F5B93F;
+  --primitive-yellow-08: #AD822C;
+  --primitive-yellow-09: #785A1F;
+  --primitive-yellow-10: #463412;
+  --primitive-yellow-11: #35280E;
+  --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="coral"][data-theme="dark"] {
+  --color-action-icon-active: var(--primitive-red-01);
+  --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-red-01);
+  --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: #FF8E3C;
+  --color-core-accent-cobalt: #5E7BD0;
+  --color-core-accent-coral: #FF5A5F;
+  --color-core-accent-gold: #FFC24B;
+  --color-core-accent-mint: #2EBFA5;
+  --color-core-accent-violet: #C86B98;
+  --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: 'Poppins', sans-serif;
+  --font-family-primary: 'DM Sans', sans-serif;
+  --primitive-blue-00: #FBFCFE;
+  --primitive-blue-01: #F5F8FC;
+  --primitive-blue-02: #E3EAF8;
+  --primitive-blue-03: #C6D5F0;
+  --primitive-blue-04: #A6BEE8;
+  --primitive-blue-05: #83A5DF;
+  --primitive-blue-06: #658FD7;
+  --primitive-blue-07: #4A7BD0;
+  --primitive-blue-08: #385E9F;
+  --primitive-blue-09: #27406D;
+  --primitive-blue-10: #15243C;
+  --primitive-blue-11: #0F192A;
+  --primitive-green-00: #F9FCFB;
+  --primitive-green-01: #F0F8F5;
+  --primitive-green-02: #D5ECE2;
+  --primitive-green-03: #AAD9C5;
+  --primitive-green-04: #7FC6A7;
+  --primitive-green-05: #6EBE9C;
+  --primitive-green-06: #5BB68F;
+  --primitive-green-07: #3FA97C;
+  --primitive-green-08: #318360;
+  --primitive-green-09: #235E45;
+  --primitive-green-10: #143728;
+  --primitive-green-11: #102B1F;
+  --primitive-orange-00: #FFFBF9;
+  --primitive-orange-01: #FFF5F1;
+  --primitive-orange-02: #FED2C2;
+  --primitive-orange-03: #FDA687;
+  --primitive-orange-04: #FD7F51;
+  --primitive-orange-05: #FC7645;
+  --primitive-orange-06: #FC6F3C;
+  --primitive-orange-07: #FC642D;
+  --primitive-orange-08: #BF4C22;
+  --primitive-orange-09: #883618;
+  --primitive-orange-10: #51200E;
+  --primitive-orange-11: #3C180B;
+  --primitive-purple-00: #FDFAFC;
+  --primitive-purple-01: #F8F2F5;
+  --primitive-purple-02: #E9D4DF;
+  --primitive-purple-03: #D4ABC1;
+  --primitive-purple-04: #B9789B;
+  --primitive-purple-05: #A6527F;
+  --primitive-purple-06: #A6527F;
+  --primitive-purple-07: #A6527F;
+  --primitive-purple-08: #7B3D5E;
+  --primitive-purple-09: #562A42;
+  --primitive-purple-10: #331927;
+  --primitive-purple-11: #26131D;
+  --primitive-radius-050: 2px;
+  --primitive-radius-100: 4px;
+  --primitive-radius-1200: 48px;
+  --primitive-radius-200: 8px;
+  --primitive-radius-300: 12px;
+  --primitive-radius-400: 16px;
+  --primitive-radius-600: 24px;
+  --primitive-radius-pill: 16px;
+  --primitive-red-00: #FDF5F7;
+  --primitive-red-01: #FBE9EE;
+  --primitive-red-02: #F5C5D1;
+  --primitive-red-03: #F0A6B7;
+  --primitive-red-04: #EA869E;
+  --primitive-red-05: #E46281;
+  --primitive-red-06: #DE4367;
+  --primitive-red-07: #D9234E;
+  --primitive-red-08: #B41D41;
+  --primitive-red-09: #7C142D;
+  --primitive-red-10: #4B0C1B;
+  --primitive-red-11: #380914;
+  --primitive-teal-00: #F7FCFC;
+  --primitive-teal-01: #EEF9F8;
+  --primitive-teal-02: #D1EFED;
+  --primitive-teal-03: #A0DED9;
+  --primitive-teal-04: #6DCCC5;
+  --primitive-teal-05: #39BAB0;
+  --primitive-teal-06: #1DB0A5;
+  --primitive-teal-07: #00A699;
+  --primitive-teal-08: #00867C;
+  --primitive-teal-09: #006058;
+  --primitive-teal-10: #003632;
+  --primitive-teal-11: #002724;
+  --primitive-yellow-00: #FEFBF3;
+  --primitive-yellow-01: #FEF6E5;
+  --primitive-yellow-02: #FCE7BE;
+  --primitive-yellow-03: #F9D68F;
+  --primitive-yellow-04: #F7C55F;
+  --primitive-yellow-05: #F6C154;
+  --primitive-yellow-06: #F6BD4B;
+  --primitive-yellow-07: #F5B93F;
+  --primitive-yellow-08: #AD822C;
+  --primitive-yellow-09: #785A1F;
+  --primitive-yellow-10: #463412;
+  --primitive-yellow-11: #35280E;
+  --shadow-floating: 0 6px 24px rgba(0, 0, 0, 0.45);
+  --shadow-modal: 0 12px 48px rgba(0, 0, 0, 0.5);
+}