@bspk/ui 1.4.0 → 1.4.1

package/dist/styles/century-21.css

@@ -452,6 +452,8 @@ body {
     --corner-radius-80: 8px;
     /* Corner radius/circular - Global (primitives) */
     --corner-radius-circular: 999px;
+    /* Corner radius/None - Global (primitives) */
+    --corner-radius-none: 0;
     /* East - navigation rails, drawers, sheets */
     --drop-shadow-east: 2px 0px 8px -2px #0000001a, 2px 0px 4px -2px #0000001f;
     /* Float */
@@ -466,9 +468,9 @@ body {
     --drop-shadow-south: 0px 2px 8px -2px #0000001a, 0px 2px 4px -2px #0000001f;
     /* West - side sheets */
     --drop-shadow-west: -8px 0px 8px -2px #0000001a, -5px 4px 4px -6px #00000026;
-    /* Foreground/AI-powered/blue - Theme - Century 21 */
+    /* Foreground/AI-powered/blue - Theme - BRAND */
     --foreground-ai-powered-blue: #000000;
-    /* Foreground/AI-powered/pink - Theme - Century 21 */
+    /* Foreground/AI-powered/pink - Theme - BRAND */
     --foreground-ai-powered-pink: #000000;
     /* Interactions/opacity-black-10 - Global (primitives) */
     --interactions-opacity-black-10: #0000001a;
@@ -494,25 +496,25 @@ body {
     --interactions-opacity-white-6: #ffffff0f;
     /* Interactions/opacity-white-8 - Global (primitives) */
     --interactions-opacity-white-8: #ffffff14;
-    /* Colors/Brands/Century 21/Interactions/primary-dark-opacity-10 - Global (primitives) */
+    /* Colors/Brands/BRAND/Interactions/primary-dark-opacity-10 - Global (primitives) */
     --interactions-primary-dark-opacity-10: #b0a58a1a;
-    /* Colors/Brands/Century 21/Interactions/primary-dark-opacity-12 - Global (primitives) */
+    /* Colors/Brands/BRAND/Interactions/primary-dark-opacity-12 - Global (primitives) */
     --interactions-primary-dark-opacity-12: #b0a58a1f;
-    /* Colors/Brands/Century 21/Interactions/primary-dark-opacity-16 - Global (primitives) */
+    /* Colors/Brands/BRAND/Interactions/primary-dark-opacity-16 - Global (primitives) */
     --interactions-primary-dark-opacity-16: #b0a58a29;
-    /* Colors/Brands/Century 21/Interactions/primary-dark-opacity-20 - Global (primitives) */
+    /* Colors/Brands/BRAND/Interactions/primary-dark-opacity-20 - Global (primitives) */
     --interactions-primary-dark-opacity-20: #b0a58a33;
-    /* Colors/Brands/Century 21/Interactions/primary-dark-opacity-8 - Global (primitives) */
+    /* Colors/Brands/BRAND/Interactions/primary-dark-opacity-8 - Global (primitives) */
     --interactions-primary-dark-opacity-8: #b0a58a14;
-    /* Colors/Brands/Century 21/Interactions/primary-light-opacity-10 - Global (primitives) */
+    /* Colors/Brands/BRAND/Interactions/primary-light-opacity-10 - Global (primitives) */
     --interactions-primary-light-opacity-10: #7c693c1a;
-    /* Colors/Brands/Century 21/Interactions/primary-light-opacity-12 - Global (primitives) */
+    /* Colors/Brands/BRAND/Interactions/primary-light-opacity-12 - Global (primitives) */
     --interactions-primary-light-opacity-12: #7c693c1f;
-    /* Colors/Brands/Century 21/Interactions/primary-light-opacity-16 - Global (primitives) */
+    /* Colors/Brands/BRAND/Interactions/primary-light-opacity-16 - Global (primitives) */
     --interactions-primary-light-opacity-16: #7c693c29;
-    /* Colors/Brands/Century 21/Interactions/primary-light-opacity-20 - Global (primitives) */
+    /* Colors/Brands/BRAND/Interactions/primary-light-opacity-20 - Global (primitives) */
     --interactions-primary-light-opacity-20: #7c693c33;
-    /* Colors/Brands/Century 21/Interactions/primary-light-opacity-8 - Global (primitives) */
+    /* Colors/Brands/BRAND/Interactions/primary-light-opacity-8 - Global (primitives) */
     --interactions-primary-light-opacity-8: #7c693c14;
     /* Labels/Base */
     --labels-base: 500 16px/24px var(--typeface);
@@ -546,17 +548,17 @@ body {
     --labels-x-small-size: 12px;
     /* Labels/X-Small -  style */
     --labels-x-small-style: medium;
-    /* Colors/Brands/Century 21/Primary/00-base - Global (primitives) */
+    /* Colors/Brands/BRAND/Primary/00-base - Global (primitives) */
     --primary-00-base: #7c693c;
-    /* Colors/Brands/Century 21/Primary/15-dark - Global (primitives) */
+    /* Colors/Brands/BRAND/Primary/15-dark - Global (primitives) */
     --primary-15-dark: #695933;
-    /* Colors/Brands/Century 21/Primary/40-light - Global (primitives) */
+    /* Colors/Brands/BRAND/Primary/40-light - Global (primitives) */
     --primary-40-light: #b0a58a;
-    /* Colors/Brands/Century 21/Primary/55-light - Global (primitives) */
+    /* Colors/Brands/BRAND/Primary/55-light - Global (primitives) */
     --primary-55-light: #c4bca7;
-    /* Colors/Brands/Century 21/Primary/75-dark - Global (primitives) */
+    /* Colors/Brands/BRAND/Primary/75-dark - Global (primitives) */
     --primary-75-dark: #1f1a0f;
-    /* Colors/Brands/Century 21/Primary/85-light - Global (primitives) */
+    /* Colors/Brands/BRAND/Primary/85-light - Global (primitives) */
     --primary-85-light: #ebe9e2;
     /* Radius/full - Borders */
     --radius-full: 999px;
@@ -564,21 +566,23 @@ body {
     --radius-lg: 12px;
     /* Radius/md - Borders */
     --radius-md: 8px;
+    /* Radius/none - Borders */
+    --radius-none: 0;
     /* Radius/sm - Borders */
     --radius-sm: 4px;
     /* Radius/xlg - Borders */
     --radius-xlg: 16px;
-    /* Colors/Brands/Century 21/Secondary/00-base - Global (primitives) */
+    /* Colors/Brands/BRAND/Secondary/00-base - Global (primitives) */
     --secondary-00-base: #252526;
-    /* Colors/Brands/Century 21/Secondary/15-dark - Global (primitives) */
+    /* Colors/Brands/BRAND/Secondary/15-dark - Global (primitives) */
     --secondary-15-dark: #1f1f20;
-    /* Colors/Brands/Century 21/Secondary/40-light - Global (primitives) */
+    /* Colors/Brands/BRAND/Secondary/40-light - Global (primitives) */
     --secondary-40-light: #7c7c7d;
-    /* Colors/Brands/Century 21/Secondary/55-light - Global (primitives) */
+    /* Colors/Brands/BRAND/Secondary/55-light - Global (primitives) */
     --secondary-55-light: #9d9d9d;
-    /* Colors/Brands/Century 21/Secondary/75-dark - Global (primitives) */
+    /* Colors/Brands/BRAND/Secondary/75-dark - Global (primitives) */
     --secondary-75-dark: #09090a;
-    /* Colors/Brands/Century 21/Secondary/85-light - Global (primitives) */
+    /* Colors/Brands/BRAND/Secondary/85-light - Global (primitives) */
     --secondary-85-light: #dedede;
     /* Shadows/Inner-Shadow-black-100 - Global (primitives) */
     --shadows-inner-shadow-black-100: #000000;
@@ -658,6 +662,8 @@ body {
     --spacing-sizing-24: 148px;
     /* Spacing/sizing-25 - Spacing & Sizing */
     --spacing-sizing-25: 152px;
+    /* Spacing/sizing-none - Spacing & Sizing */
+    --spacing-sizing-none: 0;
     /* Spacings/1040 - Global (primitives) */
     --spacings-1040: 104px;
     /* Spacings/120 - Global (primitives) */
@@ -708,34 +714,38 @@ body {
     --spacings-800: 80px;
     /* Spacings/960 - Global (primitives) */
     --spacings-960: 96px;
-    /* Stroke/AI-powered/blue - Theme - Century 21 */
+    /* Spacings/None - Global (primitives) */
+    --spacings-none: 0;
+    /* Stroke/AI-powered/blue - Theme - BRAND */
     --stroke-ai-powered-blue: #000000;
-    /* Stroke/AI-powered/pink - Theme - Century 21 */
+    /* Stroke/AI-powered/pink - Theme - BRAND */
     --stroke-ai-powered-pink: #000000;
+    /* Stroke/none - Borders */
+    --stroke-none: 0;
     /* Stroke/thick - Borders */
     --stroke-thick: 2px;
     /* Stroke/thicker - Borders */
     --stroke-thicker: 4px;
     /* Stroke/thin - Borders */
     --stroke-thin: 1px;
-    /* Surface/AI-powered/blue - Theme - Century 21 */
+    /* Surface/AI-powered/blue - Theme - BRAND */
     --surface-ai-powered-blue: #000000;
-    /* Surface/AI-powered/pink - Theme - Century 21 */
+    /* Surface/AI-powered/pink - Theme - BRAND */
     --surface-ai-powered-pink: #000000;
-    /* Colors/Brands/Century 21/Tertiary/00-base - Global (primitives) */
+    /* Colors/Brands/BRAND/Tertiary/00-base - Global (primitives) */
     --tertiary-00-base: #746649;
-    /* Colors/Brands/Century 21/Tertiary/15-dark - Global (primitives) */
+    /* Colors/Brands/BRAND/Tertiary/15-dark - Global (primitives) */
     --tertiary-15-dark: #63573e;
-    /* Colors/Brands/Century 21/Tertiary/40-light - Global (primitives) */
+    /* Colors/Brands/BRAND/Tertiary/40-light - Global (primitives) */
     --tertiary-40-light: #aca392;
-    /* Colors/Brands/Century 21/Tertiary/55-light - Global (primitives) */
+    /* Colors/Brands/BRAND/Tertiary/55-light - Global (primitives) */
     --tertiary-55-light: #c0baad;
-    /* Colors/Brands/Century 21/Tertiary/75-dark - Global (primitives) */
+    /* Colors/Brands/BRAND/Tertiary/75-dark - Global (primitives) */
     --tertiary-75-dark: #1d1a12;
-    /* Colors/Brands/Century 21/Tertiary/85-light - Global (primitives) */
+    /* Colors/Brands/BRAND/Tertiary/85-light - Global (primitives) */
     --tertiary-85-light: #eae8e4;
     /* Typeface - Brand */
-    --typeface: 'Typold';
+    --typeface: 'Typold', 'Inter', serif;
     /* Typography/Line-height/lh-1 - Global (primitives) */
     --typography-line-height-lh-1: 16px;
     /* Typography/Line-height/lh-10 - Global (primitives) */
@@ -967,11 +977,11 @@ body {
     /* Mobile/Subheader/XXX-Large - Large Headline style */
     --subheader-xxx-large-style: regular;
     /* light theme (default) */
-    /* Background/base - Brand */
+    /* Background/base - Theme - BRAND */
     --background-base: #ffffff;
-    /* Background/scrim - Theme - Century 21 */
+    /* Background/scrim - Theme - BRAND */
     --background-scrim: #00000040;
-    /* Background/shade - Brand */
+    /* Background/shade - Theme - BRAND */
     --background-shade: #f5f5f5;
     /* Data visual/category-01 - Brand */
     --data-visual-category-01: #ab922b;
@@ -1001,39 +1011,39 @@ body {
     --data-visual-category-07: #530909;
     /* Data visual/category-07-highlight - Brand */
     --data-visual-category-07-highlight: #794b344d;
-    /* Data visual/category-1 - Theme - Better Home & Garden */
-    --data-visual-category-1: #0a466c;
-    /* Data visual/category-1-highlight - Theme - Century 21 */
-    --data-visual-category-1-highlight: #0a466c4d;
-    /* Data visual/category-2 - Theme - Better Home & Garden */
-    --data-visual-category-2: #299de0;
-    /* Data visual/category-2-highlight - Theme - Century 21 */
-    --data-visual-category-2-highlight: #299de04d;
-    /* Data visual/category-3 - Theme - Better Home & Garden */
-    --data-visual-category-3: #130033;
-    /* Data visual/category-3-highlight - Theme - Century 21 */
-    --data-visual-category-3-highlight: #1300334d;
-    /* Data visual/category-4 - Theme - Better Home & Garden */
-    --data-visual-category-4: #389e7a;
-    /* Data visual/category-4-highlight - Theme - Century 21 */
-    --data-visual-category-4-highlight: #389e7a4d;
-    /* Data visual/category-5 - Theme - Better Home & Garden */
-    --data-visual-category-5: #094a53;
-    /* Data visual/category-5-highlight - Theme - Century 21 */
-    --data-visual-category-5-highlight: #094a534d;
-    /* Data visual/category-6 - Theme - Better Home & Garden */
+    /* Data visual/category-1 - Theme - BRAND */
+    --data-visual-category-1: #7a2a0b;
+    /* Data visual/category-1-highlight - Theme - BRAND */
+    --data-visual-category-1-highlight: #7a2a0b4d;
+    /* Data visual/category-2 - Theme - BRAND */
+    --data-visual-category-2: #d67e51;
+    /* Data visual/category-2-highlight - Theme - BRAND */
+    --data-visual-category-2-highlight: #d67e514d;
+    /* Data visual/category-3 - Theme - BRAND */
+    --data-visual-category-3: #2d3300;
+    /* Data visual/category-3-highlight - Theme - BRAND */
+    --data-visual-category-3-highlight: #2d33004d;
+    /* Data visual/category-4 - Theme - BRAND */
+    --data-visual-category-4: #ab922b;
+    /* Data visual/category-4-highlight - Theme - BRAND */
+    --data-visual-category-4-highlight: #ab922b4d;
+    /* Data visual/category-5 - Theme - BRAND */
+    --data-visual-category-5: #530909;
+    /* Data visual/category-5-highlight - Theme - BRAND */
+    --data-visual-category-5-highlight: #5309094d;
+    /* Data visual/category-6 - Theme - BRAND */
     --data-visual-category-6: #7f7f7f;
-    /* Data visual/category-6-highlight - Theme - Century 21 */
+    /* Data visual/category-6-highlight - Theme - BRAND */
     --data-visual-category-6-highlight: #7f7f7f4d;
-    /* Data visual/category-7 - Theme - Better Home & Garden */
-    --data-visual-category-7: #433479;
-    /* Data visual/category-7-highlight - Theme - Century 21 */
-    --data-visual-category-7-highlight: #4334794d;
-    /* Data visual/gradient-end - Theme - Century 21 */
+    /* Data visual/category-7 - Theme - BRAND */
+    --data-visual-category-7: #794b34;
+    /* Data visual/category-7-highlight - Theme - BRAND */
+    --data-visual-category-7-highlight: #794b344d;
+    /* Data visual/gradient-end - Theme - BRAND */
     --data-visual-gradient-end: #ffffff4d;
-    /* Data visual/green - Theme - Century 21 */
+    /* Data visual/green - Theme - BRAND */
     --data-visual-green: #258750;
-    /* Data visual/green-highlight - Theme - Century 21 */
+    /* Data visual/green-highlight - Theme - BRAND */
     --data-visual-green-highlight: #deede5;
     /* Data visual/negative - Brand */
     --data-visual-negative: #d83a52;
@@ -1043,109 +1053,109 @@ body {
     --data-visual-positive: #258750;
     /* Data visual/positive-highlight - Brand */
     --data-visual-positive-highlight: #deede5;
-    /* Data visual/red - Theme - Century 21 */
+    /* Data visual/red - Theme - BRAND */
     --data-visual-red: #d83a52;
-    /* Data visual/red-highlight - Theme - Century 21 */
+    /* Data visual/red-highlight - Theme - BRAND */
     --data-visual-red-highlight: #f9e1e5;
-    /* Foreground/Brand/on-inverse-primary - Theme - Century 21 */
+    /* Foreground/Brand/on-inverse-primary - Theme - BRAND */
     --foreground-brand-on-inverse-primary: #b0a58a;
-    /* Foreground/Brand/on-inverse-secondary - Theme - Century 21 */
-    --foreground-brand-on-inverse-secondary: #eba691;
-    /* Foreground/Brand/on-brand-primary - Brand */
+    /* Foreground/Brand/on-inverse-secondary - Theme - BRAND */
+    --foreground-brand-on-inverse-secondary: #7c7c7d;
+    /* Foreground/Brand/on-brand-primary - Theme - BRAND */
     /* Foreground color used on Brand's primary color (non neutral color) */
     --foreground-brand-on-primary: #ffffff;
-    /* Foreground/Brand/on-brand-secondary - Brand */
+    /* Foreground/Brand/on-brand-secondary - Theme - BRAND */
     /* Foreground color used on Brand's primary color (non neutral color) */
     --foreground-brand-on-secondary: #ffffff;
-    /* Foreground/Brand/brand-primary - Brand */
+    /* Foreground/Brand/brand-primary - Theme - BRAND */
     /* Foreground text and icons that match the brand's primary color */
     --foreground-brand-primary: #7c693c;
-    /* Foreground/Brand/brand-primary-depth - Theme - Better Home & Garden */
-    --foreground-brand-primary-depth: #217221;
-    /* Foreground/Brand/brand-secondary - Brand */
+    /* Foreground/Brand/brand-primary-depth - Theme - BRAND */
+    --foreground-brand-primary-depth: #695933;
+    /* Foreground/Brand/brand-secondary - Theme - BRAND */
     /* Foreground text and icons that match the brand's secondary color */
     --foreground-brand-secondary: #252526;
-    /* Foreground/Brand/brand-secondary-depth - Theme - Century 21 */
+    /* Foreground/Brand/brand-secondary-depth - Theme - BRAND */
     --foreground-brand-secondary-depth: #1f1f20;
-    /* Foreground/Link text/default - Brand */
+    /* Foreground/Link text/default - Theme - BRAND */
     --foreground-link-text-default: #215ecd;
-    /* Foreground/Link text/default-disabled - Brand */
+    /* Foreground/Link text/default-disabled - Theme - BRAND */
     --foreground-link-text-default-disabled: #7a9ee1;
-    /* Foreground/Link text/default-hovered - Theme - Century 21 */
+    /* Foreground/Link text/default-hovered - Theme - BRAND */
     --foreground-link-text-default-hovered: #1e55b9;
-    /* Foreground/Link text/default-pressed - Theme - Century 21 */
+    /* Foreground/Link text/default-pressed - Theme - BRAND */
     --foreground-link-text-default-pressed: #1a4ba4;
-    /* Foreground/Link text/default-visited - Brand */
+    /* Foreground/Link text/default-visited - Theme - BRAND */
     --foreground-link-text-default-visited: #7a3e7a;
     /* Foreground/Link text/subtle-disabled - Brand */
     --foreground-link-text-subtle-disabled: #bdbdbd;
-    /* Foreground/Link text/subtle-hovered - Theme - Century 21 */
+    /* Foreground/Link text/subtle-hovered - Theme - BRAND */
     --foreground-link-text-subtle-hovered: #292929;
-    /* Foreground/Link text/subtle-inverse-hovered - Theme - Century 21 */
+    /* Foreground/Link text/subtle-inverse-hovered - Theme - BRAND */
     --foreground-link-text-subtle-inverse-hovered: #e6e6e6;
-    /* Foreground/Link text/subtle-inverse-pressed - Theme - Century 21 */
+    /* Foreground/Link text/subtle-inverse-pressed - Theme - BRAND */
     --foreground-link-text-subtle-inverse-pressed: #d1d1d1;
     /* Foreground/Link text/subtle-inversed-disabled - Brand */
     --foreground-link-text-subtle-inversed-disabled: #757575;
-    /* Foreground/Link text/subtle-pressed - Theme - Century 21 */
+    /* Foreground/Link text/subtle-pressed - Theme - BRAND */
     --foreground-link-text-subtle-pressed: #3d3d3d;
-    /* Foreground/Neutral/disabled-on-color-surface - Brand */
+    /* Foreground/Neutral/disabled-on-color-surface - Theme - BRAND */
     --foreground-neutral-disabled-on-color-surface: #757575;
-    /* Foreground/Neutral/disabled-on-surface - Brand */
+    /* Foreground/Neutral/disabled-on-surface - Theme - BRAND */
     --foreground-neutral-disabled-on-surface: #bdbdbd;
-    /* Foreground/Neutral/inverse-on-surface - Theme - Century 21 */
+    /* Foreground/Neutral/inverse-on-surface - Theme - BRAND */
     --foreground-neutral-inverse-on-surface: #fafafa;
-    /* Foreground/Neutral/on-color - Brand */
+    /* Foreground/Neutral/on-color - Theme - BRAND */
     /* Interactive controls */
     --foreground-neutral-on-color: #ffffff;
     /* Foreground/Neutral/on-inverse-surface - Brand */
     /* Text and icons against inverse surface */
     --foreground-neutral-on-inverse-surface: #fafafa;
-    /* Foreground/Neutral/on-surface - Brand */
+    /* Foreground/Neutral/on-surface - Theme - BRAND */
     /* Default foreground text and icons against any surface color */
     --foreground-neutral-on-surface: #141414;
-    /* Foreground/Neutral/on-surface-variant-01 - Brand */
+    /* Foreground/Neutral/on-surface-variant-01 - Theme - BRAND */
     /* Secondary foreground color for icons and text */
     --foreground-neutral-on-surface-variant-01: #707070;
-    /* Foreground/Neutral/on-surface-variant-02 - Brand */
+    /* Foreground/Neutral/on-surface-variant-02 - Theme - BRAND */
     /* Tertiary foreground color for icons and text */
     --foreground-neutral-on-surface-variant-02: #757575;
-    /* Foreground/Neutral/on-surface-variant-03 - Brand */
+    /* Foreground/Neutral/on-surface-variant-03 - Theme - BRAND */
     /* Quaternary foreground color for icons and text. Only for placeholder text */
     --foreground-neutral-on-surface-variant-03: #8a8a8a;
-    /* Foreground/Neutral/skeleton-element - Brand */
+    /* Foreground/Neutral/skeleton-element - Theme - BRAND */
     --foreground-neutral-skeleton-element: #e0e0e0;
-    /* Foreground/Spectrum/blue - Theme - Century 21 */
+    /* Foreground/Spectrum/blue - Theme - BRAND */
     --foreground-spectrum-blue: #143778;
-    /* Foreground/Spectrum/green - Theme - Century 21 */
+    /* Foreground/Spectrum/green - Theme - BRAND */
     --foreground-spectrum-green: #134428;
-    /* Foreground/Spectrum/lime - Theme - Century 21 */
+    /* Foreground/Spectrum/lime - Theme - BRAND */
     --foreground-spectrum-lime: #60651a;
-    /* Foreground/Spectrum/magenta - Theme - Century 21 */
+    /* Foreground/Spectrum/magenta - Theme - BRAND */
     --foreground-spectrum-magenta: #63076f;
-    /* Foreground/Spectrum/orange - Brand */
+    /* Foreground/Spectrum/orange - Theme - BRAND */
     --foreground-spectrum-orange: #773001;
-    /* Foreground/Spectrum/pink - Theme - Century 21 */
+    /* Foreground/Spectrum/pink - Theme - BRAND */
     --foreground-spectrum-pink: #6c1240;
-    /* Foreground/Spectrum/purple - Theme - Century 21 */
+    /* Foreground/Spectrum/purple - Theme - BRAND */
     --foreground-spectrum-purple: #310077;
-    /* Foreground/Spectrum/red - Brand */
+    /* Foreground/Spectrum/red - Theme - BRAND */
     --foreground-spectrum-red: #6c1d29;
-    /* Foreground/Spectrum/teal - Theme - Century 21 */
+    /* Foreground/Spectrum/teal - Theme - BRAND */
     --foreground-spectrum-teal: #01413c;
-    /* Foreground/Spectrum/yellow - Theme - Century 21 */
+    /* Foreground/Spectrum/yellow - Theme - BRAND */
     --foreground-spectrum-yellow: #7b5e18;
-    /* Interactions/brand-disabled-opacity - Theme - Century 21 */
+    /* Interactions/brand-disabled-opacity - Theme - BRAND */
     --interactions-brand-disabled-opacity: #0000000f;
-    /* Interactions/brand-hover-opacity - Theme - Century 21 */
+    /* Interactions/brand-hover-opacity - Theme - BRAND */
     --interactions-brand-hover-opacity: #0000001a;
-    /* Interactions/brand-press-opacity - Theme - Century 21 */
+    /* Interactions/brand-press-opacity - Theme - BRAND */
     --interactions-brand-press-opacity: #00000033;
-    /* Interactions/disabled-opacity - Theme - Century 21 */
+    /* Interactions/disabled-opacity - Theme - BRAND */
     --interactions-disabled-opacity: #0000000f;
-    /* Interactions/hover-opacity - Theme - Century 21 */
+    /* Interactions/hover-opacity - Theme - BRAND */
     --interactions-hover-opacity: #00000014;
-    /* Interactions/link-active-opacity - Brand */
+    /* Interactions/link-active-opacity - Theme - BRAND */
     --interactions-link-active-opacity: #0000004d;
     /* Interactions/neutral-hover-opacity - Brand */
     /* surfaces using neutral tones */
@@ -1153,27 +1163,27 @@ body {
     /* Interactions/neutral-press-opacity - Brand */
     /* surfaces using neutral tones */
     --interactions-neutral-press-opacity: #00000029;
-    /* Interactions/press-opacity - Theme - Century 21 */
+    /* Interactions/press-opacity - Theme - BRAND */
     --interactions-press-opacity: #00000029;
-    /* Interactions/primary-disabled-opacity - Theme - Century 21 */
+    /* Interactions/primary-disabled-opacity - Theme - BRAND */
     --interactions-primary-disabled-opacity: #7c693c1f;
-    /* Interactions/primary-hover-opacity - Theme - Century 21 */
+    /* Interactions/primary-hover-opacity - Theme - BRAND */
     --interactions-primary-hover-opacity: #7c693c1a;
-    /* Interactions/primary-press-opacity - Theme - Century 21 */
+    /* Interactions/primary-press-opacity - Theme - BRAND */
     --interactions-primary-press-opacity: #7c693c33;
-    /* Shadow/shadow-10 - Theme - Century 21 */
+    /* Shadow/shadow-10 - Theme - BRAND */
     --shadow-10: #0000001a;
-    /* Shadow/shadow-12 - Theme - Century 21 */
+    /* Shadow/shadow-12 - Theme - BRAND */
     --shadow-12: #0000001f;
-    /* Shadow/shadow-15 - Theme - Century 21 */
+    /* Shadow/shadow-15 - Theme - BRAND */
     --shadow-15: #00000026;
-    /* Shadow/shadow-25 - Theme - Century 21 */
+    /* Shadow/shadow-25 - Theme - BRAND */
     --shadow-25: #00000040;
-    /* Shadow/shadow-32 - Theme - Century 21 */
+    /* Shadow/shadow-32 - Theme - BRAND */
     --shadow-32: #00000052;
     /* Shadow/inner-shadow - Brand */
     --shadow-inner: #ffffff;
-    /* Shadow/inner-shadow-100 - Theme - Better Home & Garden */
+    /* Shadow/inner-shadow-100 - Theme - BRAND */
     --shadow-inner-100: #ffffff;
     /* Shadow/variant-01 - Brand */
     --shadow-variant-01: #0000001a;
@@ -1185,45 +1195,45 @@ body {
     --shadow-variant-04: #00000040;
     /* Shadow/variant-05 - Brand */
     --shadow-variant-05: #00000052;
-    /* Status/error - Brand */
+    /* Status/error - Theme - BRAND */
     /* Foreground error text and icons */
     --status-error: #d83a52;
-    /* Status/information - Theme - Better Home & Garden */
+    /* Status/information - Theme - BRAND */
     --status-information: #276ef1;
     /* Status/informational - Brand */
     /* Foreground informational text and icons */
     --status-informational: #276ef1;
-    /* Status/on-error - Brand */
+    /* Status/on-error - Theme - BRAND */
     /* Foreground error text and icons */
     --status-on-error: #ffffff;
-    /* Status/on-information - Theme - Better Home & Garden */
+    /* Status/on-information - Theme - BRAND */
     --status-on-information: #ffffff;
     /* Status/on-informational - Brand */
     /* Foreground informational text and icons */
     --status-on-informational: #ffffff;
-    /* Status/on-success - Brand */
+    /* Status/on-success - Theme - BRAND */
     /* Foreground success icons and text */
     --status-on-success: #ffffff;
-    /* Status/on-warning - Brand */
+    /* Status/on-warning - Theme - BRAND */
     /* Foreground warning icons */
     --status-on-warning: #141414;
-    /* Status/success - Brand */
+    /* Status/success - Theme - BRAND */
     /* Foreground success icons and text */
     --status-success: #258750;
-    /* Status/warning - Brand */
+    /* Status/warning - Theme - BRAND */
     /* Foreground warning icons */
     --status-warning: #f6bc2f;
-    /* Stroke/Brand/brand-primary - Brand */
+    /* Stroke/Brand/brand-primary - Theme - BRAND */
     /* Outline variant - decorative elements such as dividers */
     --stroke-brand-primary: #7c693c;
-    /* Stroke/Brand/brand-primary-depth - Brand */
+    /* Stroke/Brand/brand-primary-depth - Theme - BRAND */
     /* Outline variant - decorative elements such as dividers */
     --stroke-brand-primary-depth: #695933;
-    /* Stroke/Brand/brand-secondary - Theme - Better Home & Garden */
-    --stroke-brand-secondary: #dd6b47;
-    /* Stroke/Brand/brand-secondary-depth - Theme - Century 21 */
-    --stroke-brand-secondary-depth: #bc5b3c;
-    /* Stroke/Neutral/neutral-base - Brand */
+    /* Stroke/Brand/brand-secondary - Theme - BRAND */
+    --stroke-brand-secondary: #252526;
+    /* Stroke/Brand/brand-secondary-depth - Theme - BRAND */
+    --stroke-brand-secondary-depth: #1f1f20;
+    /* Stroke/Neutral/neutral-base - Theme - BRAND */
     /* For control components */
     --stroke-neutral-base: #949494;
     /* Stroke/Neutral/disabled-dark - Brand */
@@ -1240,73 +1250,71 @@ body {
     --stroke-neutral-focus-on-inverse: #ffffff;
     /* Stroke/Neutral/neutral-high - Brand */
     --stroke-neutral-high: #141414;
-    /* Stroke/Neutral/neutral-high-contrast - Theme - Century 21 */
+    /* Stroke/Neutral/neutral-high-contrast - Theme - BRAND */
     --stroke-neutral-high-contrast: #141414;
-    /* Stroke/Neutral/Interactions/disabled-dark - Theme - Century 21 */
+    /* Stroke/Neutral/Interactions/disabled-dark - Theme - BRAND */
     --stroke-neutral-interactions-disabled-dark: #757575;
-    /* Stroke/Neutral/Interactions/disabled-light - Theme - Century 21 */
+    /* Stroke/Neutral/Interactions/disabled-light - Theme - BRAND */
     --stroke-neutral-interactions-disabled-light: #bdbdbd;
-    /* Stroke/Neutral/Interactions/focus - Theme - Century 21 */
+    /* Stroke/Neutral/Interactions/focus - Theme - BRAND */
     --stroke-neutral-interactions-focus: #000000;
-    /* Stroke/Neutral/Interactions/inverse-focus - Theme - Century 21 */
+    /* Stroke/Neutral/Interactions/inverse-focus - Theme - BRAND */
     --stroke-neutral-interactions-inverse-focus: #ffffff;
     /* Stroke/Neutral/neutral-low - Brand */
     /* Outline variant - decorative elements such as dividers */
     --stroke-neutral-low: #e0e0e0;
-    /* Stroke/Neutral/neutral-low-contrast - Theme - Century 21 */
+    /* Stroke/Neutral/neutral-low-contrast - Theme - BRAND */
     --stroke-neutral-low-contrast: #e0e0e0;
-    /* Surface/Brand/primary - Brand */
+    /* Surface/Brand/primary - Theme - BRAND */
     --surface-brand-primary: #7c693c;
-    /* Surface/Brand/primary-highlight - Theme - Century 21 */
-    --surface-brand-primary-highlight: #dfeddf;
-    /* Surface/Brand/secondary - Brand */
+    /* Surface/Brand/primary-highlight - Theme - BRAND */
+    --surface-brand-primary-highlight: #ebe9e2;
+    /* Surface/Brand/secondary - Theme - BRAND */
     --surface-brand-secondary: #252526;
-    /* Surface/Brand/secondary-highlight - Theme - Century 21 */
+    /* Surface/Brand/secondary-highlight - Theme - BRAND */
     --surface-brand-secondary-highlight: #dedede;
-    /* Surface/Neutral/Interactions/dark-disabled - Theme - Better Home & Garden */
+    /* Surface/Neutral/Interactions/dark-disabled - Theme - BRAND */
     --surface-neutral-interactions-dark-disabled: #d6d6d6;
-    /* Surface/Neutral/Interactions/light-disabled - Theme - Better Home & Garden */
+    /* Surface/Neutral/Interactions/light-disabled - Theme - BRAND */
     --surface-neutral-interactions-light-disabled: #f5f5f5;
     /* Surface/Neutral/inverse - Brand */
     /* Inverted. Use for toasts notification & snackbars */
     --surface-neutral-inverse: #1f1f1f;
-    /* Surface/Neutral/inverse-dark - Theme - Better Home & Garden */
+    /* Surface/Neutral/inverse-dark - Theme - BRAND */
     --surface-neutral-inverse-dark: #1f1f1f;
-    /* Surface/Neutral/inverse-light - Theme - Century 21 */
+    /* Surface/Neutral/inverse-light - Theme - BRAND */
     --surface-neutral-inverse-light: #ffffff;
-    /* Surface/Neutral/T1-base - Brand */
+    /* Surface/Neutral/T1-base - Theme - BRAND */
     --surface-neutral-t1-base: #ffffff;
-    /* Surface/Neutral/T2-lowest - Brand */
+    /* Surface/Neutral/T2-lowest - Theme - BRAND */
     --surface-neutral-t2-lowest: #f5f5f5;
-    /* Surface/Neutral/T3-low - Brand */
+    /* Surface/Neutral/T3-low - Theme - BRAND */
     /* Navigations, app bar etc */
     --surface-neutral-t3-low: #dbdbdb;
-    /* Surface/Neutral/T4-high - Brand */
+    /* Surface/Neutral/T4-high - Theme - BRAND */
     /* Navigations, app bar etc */
     --surface-neutral-t4-high: #8a8a8a;
-    /* Surface/Neutral/T4-high 2 - Theme - Better Home & Garden */
-    --surface-neutral-t4-high-2: #8a8a8a;
-    /* Surface/Neutral/transparent - Brand */
+    /* Surface/Neutral/transparent - Theme - BRAND */
     --surface-neutral-transparent: #ffffff00;
-    /* Surface/Spectrum/blue - Theme - Century 21 */
+    /* Surface/Spectrum/blue - Theme - BRAND */
     --surface-spectrum-blue: #dfe9fd;
-    /* Surface/Spectrum/green - Theme - Century 21 */
+    /* Surface/Spectrum/green - Theme - BRAND */
     --surface-spectrum-green: #deede5;
-    /* Surface/Spectrum/lime - Theme - Century 21 */
+    /* Surface/Spectrum/lime - Theme - BRAND */
     --surface-spectrum-lime: #f6f7e0;
-    /* Surface/Spectrum/magenta - Theme - Century 21 */
+    /* Surface/Spectrum/magenta - Theme - BRAND */
     --surface-spectrum-magenta: #f6dbfa;
-    /* Surface/Spectrum/orange - Theme - Better Home & Garden */
+    /* Surface/Spectrum/orange - Theme - BRAND */
     --surface-spectrum-orange: #fce7d9;
-    /* Surface/Spectrum/pink - Theme - Century 21 */
+    /* Surface/Spectrum/pink - Theme - BRAND */
     --surface-spectrum-pink: #f9deec;
-    /* Surface/Spectrum/purple - Theme - Century 21 */
+    /* Surface/Spectrum/purple - Theme - BRAND */
     --surface-spectrum-purple: #e7d9fc;
-    /* Surface/Spectrum/red - Theme - Century 21 */
+    /* Surface/Spectrum/red - Theme - BRAND */
     --surface-spectrum-red: #f9e1e5;
-    /* Surface/Spectrum/teal - Theme - Century 21 */
+    /* Surface/Spectrum/teal - Theme - BRAND */
     --surface-spectrum-teal: #d9eceb;
-    /* Surface/Spectrum/yellow - Theme - Century 21 */
+    /* Surface/Spectrum/yellow - Theme - BRAND */
     --surface-spectrum-yellow: #fef5e0;
 
     @media (width >= 640px) {
@@ -1450,11 +1458,11 @@ body {
 }
 /* dark theme */
 [data-theme='dark'] {
-    /* Background/base - Brand */
+    /* Background/base - Theme - BRAND */
     --background-base: #1f1f1f;
-    /* Background/scrim - Theme - Century 21 */
+    /* Background/scrim - Theme - BRAND */
     --background-scrim: #61616180;
-    /* Background/shade - Brand */
+    /* Background/shade - Theme - BRAND */
     --background-shade: #292929;
     /* Data visual/category-01 - Brand */
     --data-visual-category-01: #cdbe80;
@@ -1484,39 +1492,39 @@ body {
     --data-visual-category-07: #a98484;
     /* Data visual/category-07-highlight - Brand */
     --data-visual-category-07-highlight: #af93854d;
-    /* Data visual/category-1 - Theme - Better Home & Garden */
-    --data-visual-category-1: #0a466c;
-    /* Data visual/category-1-highlight - Theme - Century 21 */
-    --data-visual-category-1-highlight: #7899ae4d;
-    /* Data visual/category-2 - Theme - Better Home & Garden */
-    --data-visual-category-2: #7fc4ec;
-    /* Data visual/category-2-highlight - Theme - Century 21 */
-    --data-visual-category-2-highlight: #7fc4ec4d;
-    /* Data visual/category-3 - Theme - Better Home & Garden */
-    --data-visual-category-3: #958ca3;
-    /* Data visual/category-3-highlight - Theme - Century 21 */
-    --data-visual-category-3-highlight: #958ca34d;
-    /* Data visual/category-4 - Theme - Better Home & Garden */
-    --data-visual-category-4: #88c5af;
-    /* Data visual/category-4-highlight - Theme - Century 21 */
-    --data-visual-category-4-highlight: #88c5af4d;
-    /* Data visual/category-5 - Theme - Better Home & Garden */
-    --data-visual-category-5: #789ba0;
-    /* Data visual/category-5-highlight - Theme - Century 21 */
-    --data-visual-category-5-highlight: #789ba04d;
-    /* Data visual/category-6 - Theme - Better Home & Garden */
+    /* Data visual/category-1 - Theme - BRAND */
+    --data-visual-category-1: #b68a79;
+    /* Data visual/category-1-highlight - Theme - BRAND */
+    --data-visual-category-1-highlight: #b68a794d;
+    /* Data visual/category-2 - Theme - BRAND */
+    --data-visual-category-2: #e6b297;
+    /* Data visual/category-2-highlight - Theme - BRAND */
+    --data-visual-category-2-highlight: #e6b2974d;
+    /* Data visual/category-3 - Theme - BRAND */
+    --data-visual-category-3: #969980;
+    /* Data visual/category-3-highlight - Theme - BRAND */
+    --data-visual-category-3-highlight: #9699804d;
+    /* Data visual/category-4 - Theme - BRAND */
+    --data-visual-category-4: #cdbe80;
+    /* Data visual/category-4-highlight - Theme - BRAND */
+    --data-visual-category-4-highlight: #cdbe804d;
+    /* Data visual/category-5 - Theme - BRAND */
+    --data-visual-category-5: #a98484;
+    /* Data visual/category-5-highlight - Theme - BRAND */
+    --data-visual-category-5-highlight: #a984844d;
+    /* Data visual/category-6 - Theme - BRAND */
     --data-visual-category-6: #b2b2b2;
-    /* Data visual/category-6-highlight - Theme - Century 21 */
-    --data-visual-category-6-highlight: #b2b2b24d;
-    /* Data visual/category-7 - Theme - Better Home & Garden */
-    --data-visual-category-7: #a19abc;
-    /* Data visual/category-7-highlight - Theme - Century 21 */
-    --data-visual-category-7-highlight: #a19abc4d;
-    /* Data visual/gradient-end - Theme - Century 21 */
+    /* Data visual/category-6-highlight - Theme - BRAND */
+    --data-visual-category-6-highlight: #7f7f7f4d;
+    /* Data visual/category-7 - Theme - BRAND */
+    --data-visual-category-7: #af9385;
+    /* Data visual/category-7-highlight - Theme - BRAND */
+    --data-visual-category-7-highlight: #af93854d;
+    /* Data visual/gradient-end - Theme - BRAND */
     --data-visual-gradient-end: #1f1f1f4d;
-    /* Data visual/green - Theme - Century 21 */
+    /* Data visual/green - Theme - BRAND */
     --data-visual-green: #7cb796;
-    /* Data visual/green-highlight - Theme - Century 21 */
+    /* Data visual/green-highlight - Theme - BRAND */
     --data-visual-green-highlight: #0d2f1c;
     /* Data visual/negative - Brand */
     --data-visual-negative: #e88997;
@@ -1526,109 +1534,109 @@ body {
     --data-visual-positive: #7cb796;
     /* Data visual/positive-highlight - Brand */
     --data-visual-positive-highlight: #0d2f1c;
-    /* Data visual/red - Theme - Century 21 */
+    /* Data visual/red - Theme - BRAND */
     --data-visual-red: #e88997;
-    /* Data visual/red-highlight - Theme - Century 21 */
+    /* Data visual/red-highlight - Theme - BRAND */
     --data-visual-red-highlight: #4c141d;
-    /* Foreground/Brand/on-inverse-primary - Theme - Century 21 */
+    /* Foreground/Brand/on-inverse-primary - Theme - BRAND */
     --foreground-brand-on-inverse-primary: #b0a58a;
-    /* Foreground/Brand/on-inverse-secondary - Theme - Century 21 */
-    --foreground-brand-on-inverse-secondary: #eba691;
-    /* Foreground/Brand/on-brand-primary - Brand */
+    /* Foreground/Brand/on-inverse-secondary - Theme - BRAND */
+    --foreground-brand-on-inverse-secondary: #ffffff;
+    /* Foreground/Brand/on-brand-primary - Theme - BRAND */
     /* Foreground color used on Brand's primary color (non neutral color) */
     --foreground-brand-on-primary: #141414;
-    /* Foreground/Brand/on-brand-secondary - Brand */
+    /* Foreground/Brand/on-brand-secondary - Theme - BRAND */
     /* Foreground color used on Brand's primary color (non neutral color) */
     --foreground-brand-on-secondary: #ffffff;
-    /* Foreground/Brand/brand-primary - Brand */
+    /* Foreground/Brand/brand-primary - Theme - BRAND */
     /* Foreground text and icons that match the brand's primary color */
     --foreground-brand-primary: #b0a58a;
-    /* Foreground/Brand/brand-primary-depth - Theme - Better Home & Garden */
-    --foreground-brand-primary-depth: #88bc88;
-    /* Foreground/Brand/brand-secondary - Brand */
+    /* Foreground/Brand/brand-primary-depth - Theme - BRAND */
+    --foreground-brand-primary-depth: #c4bca7;
+    /* Foreground/Brand/brand-secondary - Theme - BRAND */
     /* Foreground text and icons that match the brand's secondary color */
     --foreground-brand-secondary: #7c7c7d;
-    /* Foreground/Brand/brand-secondary-depth - Theme - Century 21 */
+    /* Foreground/Brand/brand-secondary-depth - Theme - BRAND */
     --foreground-brand-secondary-depth: #9d9d9d;
-    /* Foreground/Link text/default - Brand */
+    /* Foreground/Link text/default - Theme - BRAND */
     --foreground-link-text-default: #7a9ee1;
-    /* Foreground/Link text/default-disabled - Brand */
+    /* Foreground/Link text/default-disabled - Theme - BRAND */
     --foreground-link-text-default-disabled: #14387b;
-    /* Foreground/Link text/default-hovered - Theme - Century 21 */
+    /* Foreground/Link text/default-hovered - Theme - BRAND */
     --foreground-link-text-default-hovered: #90afe6;
-    /* Foreground/Link text/default-pressed - Theme - Century 21 */
+    /* Foreground/Link text/default-pressed - Theme - BRAND */
     --foreground-link-text-default-pressed: #a6bfeb;
-    /* Foreground/Link text/default-visited - Brand */
+    /* Foreground/Link text/default-visited - Theme - BRAND */
     --foreground-link-text-default-visited: #af8baf;
     /* Foreground/Link text/subtle-disabled - Brand */
     --foreground-link-text-subtle-disabled: #4d4d4d;
-    /* Foreground/Link text/subtle-hovered - Theme - Century 21 */
+    /* Foreground/Link text/subtle-hovered - Theme - BRAND */
     --foreground-link-text-subtle-hovered: #e6e6e6;
-    /* Foreground/Link text/subtle-inverse-hovered - Theme - Century 21 */
+    /* Foreground/Link text/subtle-inverse-hovered - Theme - BRAND */
     --foreground-link-text-subtle-inverse-hovered: #e6e6e6;
-    /* Foreground/Link text/subtle-inverse-pressed - Theme - Century 21 */
+    /* Foreground/Link text/subtle-inverse-pressed - Theme - BRAND */
     --foreground-link-text-subtle-inverse-pressed: #d1d1d1;
     /* Foreground/Link text/subtle-inversed-disabled - Brand */
     --foreground-link-text-subtle-inversed-disabled: #3d3d3d;
-    /* Foreground/Link text/subtle-pressed - Theme - Century 21 */
+    /* Foreground/Link text/subtle-pressed - Theme - BRAND */
     --foreground-link-text-subtle-pressed: #d1d1d1;
-    /* Foreground/Neutral/disabled-on-color-surface - Brand */
+    /* Foreground/Neutral/disabled-on-color-surface - Theme - BRAND */
     --foreground-neutral-disabled-on-color-surface: #3d3d3d;
-    /* Foreground/Neutral/disabled-on-surface - Brand */
+    /* Foreground/Neutral/disabled-on-surface - Theme - BRAND */
     --foreground-neutral-disabled-on-surface: #4d4d4d;
-    /* Foreground/Neutral/inverse-on-surface - Theme - Century 21 */
+    /* Foreground/Neutral/inverse-on-surface - Theme - BRAND */
     --foreground-neutral-inverse-on-surface: #fafafa;
-    /* Foreground/Neutral/on-color - Brand */
+    /* Foreground/Neutral/on-color - Theme - BRAND */
     /* Interactive controls */
     --foreground-neutral-on-color: #ffffff;
     /* Foreground/Neutral/on-inverse-surface - Brand */
     /* Text and icons against inverse surface */
     --foreground-neutral-on-inverse-surface: #fafafa;
-    /* Foreground/Neutral/on-surface - Brand */
+    /* Foreground/Neutral/on-surface - Theme - BRAND */
     /* Default foreground text and icons against any surface color */
     --foreground-neutral-on-surface: #fafafa;
-    /* Foreground/Neutral/on-surface-variant-01 - Brand */
+    /* Foreground/Neutral/on-surface-variant-01 - Theme - BRAND */
     /* Secondary foreground color for icons and text */
     --foreground-neutral-on-surface-variant-01: #c2c2c2;
-    /* Foreground/Neutral/on-surface-variant-02 - Brand */
+    /* Foreground/Neutral/on-surface-variant-02 - Theme - BRAND */
     /* Tertiary foreground color for icons and text */
     --foreground-neutral-on-surface-variant-02: #9e9e9e;
-    /* Foreground/Neutral/on-surface-variant-03 - Brand */
+    /* Foreground/Neutral/on-surface-variant-03 - Theme - BRAND */
     /* Quaternary foreground color for icons and text. Only for placeholder text */
     --foreground-neutral-on-surface-variant-03: #757575;
-    /* Foreground/Neutral/skeleton-element - Brand */
+    /* Foreground/Neutral/skeleton-element - Theme - BRAND */
     --foreground-neutral-skeleton-element: #333333;
-    /* Foreground/Spectrum/blue - Theme - Century 21 */
+    /* Foreground/Spectrum/blue - Theme - BRAND */
     --foreground-spectrum-blue: #88aff7;
-    /* Foreground/Spectrum/green - Theme - Century 21 */
+    /* Foreground/Spectrum/green - Theme - BRAND */
     --foreground-spectrum-green: #87bd9f;
-    /* Foreground/Spectrum/lime - Theme - Century 21 */
+    /* Foreground/Spectrum/lime - Theme - BRAND */
     --foreground-spectrum-lime: #dce28f;
-    /* Foreground/Spectrum/magenta - Theme - Century 21 */
+    /* Foreground/Spectrum/magenta - Theme - BRAND */
     --foreground-spectrum-magenta: #e07aed;
-    /* Foreground/Spectrum/orange - Brand */
+    /* Foreground/Spectrum/orange - Theme - BRAND */
     --foreground-spectrum-orange: #f6a874;
-    /* Foreground/Spectrum/pink - Theme - Century 21 */
+    /* Foreground/Spectrum/pink - Theme - BRAND */
     --foreground-spectrum-pink: #ea86b9;
-    /* Foreground/Spectrum/purple - Theme - Century 21 */
+    /* Foreground/Spectrum/purple - Theme - BRAND */
     --foreground-spectrum-purple: #c8a6f9;
-    /* Foreground/Spectrum/red - Brand */
+    /* Foreground/Spectrum/red - Theme - BRAND */
     --foreground-spectrum-red: #ea93a0;
-    /* Foreground/Spectrum/teal - Theme - Century 21 */
+    /* Foreground/Spectrum/teal - Theme - BRAND */
     --foreground-spectrum-teal: #74bbb4;
-    /* Foreground/Spectrum/yellow - Theme - Century 21 */
+    /* Foreground/Spectrum/yellow - Theme - BRAND */
     --foreground-spectrum-yellow: #fada8d;
-    /* Interactions/brand-disabled-opacity - Theme - Century 21 */
+    /* Interactions/brand-disabled-opacity - Theme - BRAND */
     --interactions-brand-disabled-opacity: #ffffff0f;
-    /* Interactions/brand-hover-opacity - Theme - Century 21 */
+    /* Interactions/brand-hover-opacity - Theme - BRAND */
     --interactions-brand-hover-opacity: #ffffff1a;
-    /* Interactions/brand-press-opacity - Theme - Century 21 */
+    /* Interactions/brand-press-opacity - Theme - BRAND */
     --interactions-brand-press-opacity: #ffffff33;
-    /* Interactions/disabled-opacity - Theme - Century 21 */
+    /* Interactions/disabled-opacity - Theme - BRAND */
     --interactions-disabled-opacity: #ffffff0f;
-    /* Interactions/hover-opacity - Theme - Century 21 */
+    /* Interactions/hover-opacity - Theme - BRAND */
     --interactions-hover-opacity: #ffffff14;
-    /* Interactions/link-active-opacity - Brand */
+    /* Interactions/link-active-opacity - Theme - BRAND */
     --interactions-link-active-opacity: #ffffff4d;
     /* Interactions/neutral-hover-opacity - Brand */
     /* surfaces using neutral tones */
@@ -1636,27 +1644,27 @@ body {
     /* Interactions/neutral-press-opacity - Brand */
     /* surfaces using neutral tones */
     --interactions-neutral-press-opacity: #ffffff29;
-    /* Interactions/press-opacity - Theme - Century 21 */
+    /* Interactions/press-opacity - Theme - BRAND */
     --interactions-press-opacity: #ffffff29;
-    /* Interactions/primary-disabled-opacity - Theme - Century 21 */
+    /* Interactions/primary-disabled-opacity - Theme - BRAND */
     --interactions-primary-disabled-opacity: #b0a58a1f;
-    /* Interactions/primary-hover-opacity - Theme - Century 21 */
+    /* Interactions/primary-hover-opacity - Theme - BRAND */
     --interactions-primary-hover-opacity: #b0a58a1a;
-    /* Interactions/primary-press-opacity - Theme - Century 21 */
+    /* Interactions/primary-press-opacity - Theme - BRAND */
     --interactions-primary-press-opacity: #b0a58a33;
-    /* Shadow/shadow-10 - Theme - Century 21 */
+    /* Shadow/shadow-10 - Theme - BRAND */
     --shadow-10: #6161611a;
-    /* Shadow/shadow-12 - Theme - Century 21 */
+    /* Shadow/shadow-12 - Theme - BRAND */
     --shadow-12: #6161611f;
-    /* Shadow/shadow-15 - Theme - Century 21 */
+    /* Shadow/shadow-15 - Theme - BRAND */
     --shadow-15: #61616126;
-    /* Shadow/shadow-25 - Theme - Century 21 */
+    /* Shadow/shadow-25 - Theme - BRAND */
     --shadow-25: #61616140;
-    /* Shadow/shadow-32 - Theme - Century 21 */
+    /* Shadow/shadow-32 - Theme - BRAND */
     --shadow-32: #61616152;
     /* Shadow/inner-shadow - Brand */
     --shadow-inner: #000000;
-    /* Shadow/inner-shadow-100 - Theme - Better Home & Garden */
+    /* Shadow/inner-shadow-100 - Theme - BRAND */
     --shadow-inner-100: #000000;
     /* Shadow/variant-01 - Brand */
     --shadow-variant-01: #6161611a;
@@ -1668,45 +1676,45 @@ body {
     --shadow-variant-04: #61616140;
     /* Shadow/variant-05 - Brand */
     --shadow-variant-05: #61616152;
-    /* Status/error - Brand */
+    /* Status/error - Theme - BRAND */
     /* Foreground error text and icons */
     --status-error: #e26b7d;
-    /* Status/information - Theme - Better Home & Garden */
+    /* Status/information - Theme - BRAND */
     --status-information: #5d92f5;
     /* Status/informational - Brand */
     /* Foreground informational text and icons */
     --status-informational: #5d92f5;
-    /* Status/on-error - Brand */
+    /* Status/on-error - Theme - BRAND */
     /* Foreground error text and icons */
     --status-on-error: #ffffff;
-    /* Status/on-information - Theme - Better Home & Garden */
+    /* Status/on-information - Theme - BRAND */
     --status-on-information: #ffffff;
     /* Status/on-informational - Brand */
     /* Foreground informational text and icons */
     --status-on-informational: #ffffff;
-    /* Status/on-success - Brand */
+    /* Status/on-success - Theme - BRAND */
     /* Foreground success icons and text */
     --status-on-success: #ffffff;
-    /* Status/on-warning - Brand */
+    /* Status/on-warning - Theme - BRAND */
     /* Foreground warning icons */
     --status-on-warning: #141414;
-    /* Status/success - Brand */
+    /* Status/success - Theme - BRAND */
     /* Foreground success icons and text */
     --status-success: #519f73;
-    /* Status/warning - Brand */
+    /* Status/warning - Theme - BRAND */
     /* Foreground warning icons */
     --status-warning: #f8cd63;
-    /* Stroke/Brand/brand-primary - Brand */
+    /* Stroke/Brand/brand-primary - Theme - BRAND */
     /* Outline variant - decorative elements such as dividers */
     --stroke-brand-primary: #ffffff;
-    /* Stroke/Brand/brand-primary-depth - Brand */
+    /* Stroke/Brand/brand-primary-depth - Theme - BRAND */
     /* Outline variant - decorative elements such as dividers */
     --stroke-brand-primary-depth: #c4bca7;
-    /* Stroke/Brand/brand-secondary - Theme - Better Home & Garden */
-    --stroke-brand-secondary: #f0bcac;
-    /* Stroke/Brand/brand-secondary-depth - Theme - Century 21 */
-    --stroke-brand-secondary-depth: #eba691;
-    /* Stroke/Neutral/neutral-base - Brand */
+    /* Stroke/Brand/brand-secondary - Theme - BRAND */
+    --stroke-brand-secondary: #ffffff;
+    /* Stroke/Brand/brand-secondary-depth - Theme - BRAND */
+    --stroke-brand-secondary-depth: #9d9d9d;
+    /* Stroke/Neutral/neutral-base - Theme - BRAND */
     /* For control components */
     --stroke-neutral-base: #6b6b6b;
     /* Stroke/Neutral/disabled-dark - Brand */
@@ -1723,72 +1731,70 @@ body {
     --stroke-neutral-focus-on-inverse: #ffffff;
     /* Stroke/Neutral/neutral-high - Brand */
     --stroke-neutral-high: #fafafa;
-    /* Stroke/Neutral/neutral-high-contrast - Theme - Century 21 */
+    /* Stroke/Neutral/neutral-high-contrast - Theme - BRAND */
     --stroke-neutral-high-contrast: #fafafa;
-    /* Stroke/Neutral/Interactions/disabled-dark - Theme - Century 21 */
+    /* Stroke/Neutral/Interactions/disabled-dark - Theme - BRAND */
     --stroke-neutral-interactions-disabled-dark: #3d3d3d;
-    /* Stroke/Neutral/Interactions/disabled-light - Theme - Century 21 */
+    /* Stroke/Neutral/Interactions/disabled-light - Theme - BRAND */
     --stroke-neutral-interactions-disabled-light: #4d4d4d;
-    /* Stroke/Neutral/Interactions/focus - Theme - Century 21 */
+    /* Stroke/Neutral/Interactions/focus - Theme - BRAND */
     --stroke-neutral-interactions-focus: #ffffff;
-    /* Stroke/Neutral/Interactions/inverse-focus - Theme - Century 21 */
+    /* Stroke/Neutral/Interactions/inverse-focus - Theme - BRAND */
     --stroke-neutral-interactions-inverse-focus: #ffffff;
     /* Stroke/Neutral/neutral-low - Brand */
     /* Outline variant - decorative elements such as dividers */
     --stroke-neutral-low: #4d4d4d;
-    /* Stroke/Neutral/neutral-low-contrast - Theme - Century 21 */
+    /* Stroke/Neutral/neutral-low-contrast - Theme - BRAND */
     --stroke-neutral-low-contrast: #4d4d4d;
-    /* Surface/Brand/primary - Brand */
+    /* Surface/Brand/primary - Theme - BRAND */
     --surface-brand-primary: #b0a58a;
-    /* Surface/Brand/primary-highlight - Theme - Century 21 */
-    --surface-brand-primary-highlight: #0a220a;
-    /* Surface/Brand/secondary - Brand */
+    /* Surface/Brand/primary-highlight - Theme - BRAND */
+    --surface-brand-primary-highlight: #1f1a0f;
+    /* Surface/Brand/secondary - Theme - BRAND */
     --surface-brand-secondary: #7c7c7d;
-    /* Surface/Brand/secondary-highlight - Theme - Century 21 */
+    /* Surface/Brand/secondary-highlight - Theme - BRAND */
     --surface-brand-secondary-highlight: #09090a;
-    /* Surface/Neutral/Interactions/dark-disabled - Theme - Better Home & Garden */
+    /* Surface/Neutral/Interactions/dark-disabled - Theme - BRAND */
     --surface-neutral-interactions-dark-disabled: #474747;
-    /* Surface/Neutral/Interactions/light-disabled - Theme - Better Home & Garden */
+    /* Surface/Neutral/Interactions/light-disabled - Theme - BRAND */
     --surface-neutral-interactions-light-disabled: #292929;
     /* Surface/Neutral/inverse - Brand */
     /* Inverted. Use for toasts notification & snackbars */
     --surface-neutral-inverse: #383838;
-    /* Surface/Neutral/inverse-dark - Theme - Better Home & Garden */
+    /* Surface/Neutral/inverse-dark - Theme - BRAND */
     --surface-neutral-inverse-dark: #383838;
-    /* Surface/Neutral/inverse-light - Theme - Century 21 */
+    /* Surface/Neutral/inverse-light - Theme - BRAND */
     --surface-neutral-inverse-light: #575757;
-    /* Surface/Neutral/T1-base - Brand */
+    /* Surface/Neutral/T1-base - Theme - BRAND */
     --surface-neutral-t1-base: #1f1f1f;
-    /* Surface/Neutral/T2-lowest - Brand */
+    /* Surface/Neutral/T2-lowest - Theme - BRAND */
     --surface-neutral-t2-lowest: #2e2e2e;
-    /* Surface/Neutral/T3-low - Brand */
+    /* Surface/Neutral/T3-low - Theme - BRAND */
     /* Navigations, app bar etc */
     --surface-neutral-t3-low: #383838;
-    /* Surface/Neutral/T4-high - Brand */
+    /* Surface/Neutral/T4-high - Theme - BRAND */
     /* Navigations, app bar etc */
     --surface-neutral-t4-high: #7a7a7a;
-    /* Surface/Neutral/T4-high 2 - Theme - Better Home & Garden */
-    --surface-neutral-t4-high-2: #7a7a7a;
-    /* Surface/Neutral/transparent - Brand */
+    /* Surface/Neutral/transparent - Theme - BRAND */
     --surface-neutral-transparent: #ffffff00;
-    /* Surface/Spectrum/blue - Theme - Century 21 */
+    /* Surface/Spectrum/blue - Theme - BRAND */
     --surface-spectrum-blue: #0e2754;
-    /* Surface/Spectrum/green - Theme - Century 21 */
+    /* Surface/Spectrum/green - Theme - BRAND */
     --surface-spectrum-green: #0d2f1c;
-    /* Surface/Spectrum/lime - Theme - Century 21 */
+    /* Surface/Spectrum/lime - Theme - BRAND */
     --surface-spectrum-lime: #434712;
-    /* Surface/Spectrum/magenta - Theme - Century 21 */
+    /* Surface/Spectrum/magenta - Theme - BRAND */
     --surface-spectrum-magenta: #45054e;
-    /* Surface/Spectrum/orange - Theme - Better Home & Garden */
+    /* Surface/Spectrum/orange - Theme - BRAND */
     --surface-spectrum-orange: #532201;
-    /* Surface/Spectrum/pink - Theme - Century 21 */
+    /* Surface/Spectrum/pink - Theme - BRAND */
     --surface-spectrum-pink: #4c0c2d;
-    /* Surface/Spectrum/purple - Theme - Century 21 */
+    /* Surface/Spectrum/purple - Theme - BRAND */
     --surface-spectrum-purple: #220053;
-    /* Surface/Spectrum/red - Theme - Century 21 */
+    /* Surface/Spectrum/red - Theme - BRAND */
     --surface-spectrum-red: #4c141d;
-    /* Surface/Spectrum/teal - Theme - Century 21 */
+    /* Surface/Spectrum/teal - Theme - BRAND */
     --surface-spectrum-teal: #012e2a;
-    /* Surface/Spectrum/yellow - Theme - Century 21 */
+    /* Surface/Spectrum/yellow - Theme - BRAND */
     --surface-spectrum-yellow: #564210;
 }