/* GENERATED by design-tools/sample-sites/build-sample-brands.js from brands.js — do not edit; re-run it.
 * The "Real Estate" sample brand, applied by the Website Template when NEXT_PUBLIC_SAMPLE_SITE_KEY=realestate
 * (src/lib/sampleSites.ts). Fonts come from src/design-system/sampleSiteFonts.ts.
 */
[data-brand="sample-realestate"] {
  --color-general-black: #000000;
  --color-general-rich-black: #000709;
  --color-general-white: #ffffff;
  --color-general-off-white: #f6fbfc;
  --color-brand-900: #03363b;
  --color-brand-800: #004046;
  --color-brand-700: #014b51;
  --color-brand-600: #01565d;
  --color-brand-500: #0e6168;
  --color-brand-400: #43878e;
  --color-brand-300: #71a9ae;
  --color-brand-200: #a1c6ca;
  --color-brand-100: #cbe0e2;
  --color-brand-50: #e5eeef;
  --color-supporting-900: #38434d;
  --color-supporting-800: #44515e;
  --color-supporting-700: #51606e;
  --color-supporting-600: #5f707f;
  --color-supporting-500: #6f8191;
  --color-supporting-400: #8c9ead;
  --color-supporting-300: #a8b7c5;
  --color-supporting-200: #c4cfd9;
  --color-supporting-100: #dde3e9;
  --color-supporting-50: #edeff2;
  --color-accent-primary-900: #772f1e;
  --color-accent-primary-800: #903b26;
  --color-accent-primary-700: #a84831;
  --color-accent-primary-600: #c1583e;
  --color-accent-primary-500: #d9694e;
  --color-accent-primary-400: #f2856a;
  --color-accent-primary-300: #fea38d;
  --color-accent-primary-200: #fec4b5;
  --color-accent-primary-100: #ffddd4;
  --color-accent-primary-50: #feece7;
  --color-gray-900: #293233;
  --color-gray-800: #3b4445;
  --color-gray-700: #4e5758;
  --color-gray-600: #616b6c;
  --color-gray-500: #788283;
  --color-gray-400: #99a4a5;
  --color-gray-300: #bcc6c8;
  --color-gray-200: #d5e0e2;
  --color-gray-100: #e4eff0;
  --color-status-error-900: #b71c1c;
  --color-gray-50: #eef9fa;
  --color-status-error-800: #c62828;
  --color-status-error-700: #d32f2f;
  --color-status-error-600: #e53935;
  --color-status-error-500: #f44336;
  --color-status-error-400: #ef5350;
  --color-status-error-300: #e57373;
  --typography-font-family-primary: var(--brand-font-dm-serif-display, "DM Serif Display");
  --color-status-error-200: #ef9a9a;
  --color-status-error-100: #ffcdd2;
  --typography-font-family-secondary: var(--brand-font-dm-sans, "DM Sans");
  --color-status-warning-900: #e65000;
  --color-status-warning-950: #b23c00;
  --typography-font-family-mono: var(--brand-font-source-code-pro, "Source Code Pro");
  --color-status-error-50: #ffebee;
  --color-status-warning-800: #ef6c00;
  --color-status-warning-700: #f57c00;
  --color-status-info-900: #0d47a1;
  --color-status-info-800: #1666c0;
  --color-status-info-700: #1a77d2;
  --color-status-warning-600: #fb8c00;
  --color-status-info-600: #1f89e5;
  --color-status-info-500: #2397f3;
  --color-status-info-400: #43a6f5;
  --color-status-info-300: #65b6f6;
  --color-status-info-200: #91cbf9;
  --color-status-info-100: #bbdefb;
  --color-status-info-50: #e3f2fd;
  --color-status-success-900: #1b5e20;
  --color-status-success-800: #2e7d32;
  --color-status-success-700: #388e3c;
  --color-status-success-600: #43a047;
  --color-status-success-500: #4caf50;
  --color-status-success-400: #66bb6a;
  --color-status-success-300: #81c784;
  --color-status-success-200: #a5d6a7;
  --color-status-success-100: #c8e6c9;
  --color-status-success-50: #e8f5e9;
  --color-status-warning-500: #ff9800;
  --color-status-warning-400: #ffa726;
  --color-status-warning-300: #ffb74d;
  --color-status-warning-200: #ffcc80;
  --color-status-warning-100: #ffe0b2;
  --color-status-warning-50: #fff3e0;
  --color-accent-secondary-900: #40491d;
  --color-accent-secondary-800: #4e5925;
  --color-accent-secondary-700: #5c692f;
  --color-accent-secondary-600: #6c7a3c;
  --color-accent-secondary-500: #7d8c4a;
  --color-accent-secondary-400: #98a868;
  --color-accent-secondary-300: #b2c08a;
  --color-accent-secondary-200: #cbd5b0;
  --color-accent-secondary-100: #e1e7d2;
  --color-accent-secondary-50: #eef1e7;
  --color-accent-tertiary-900: #214664;
  --color-accent-tertiary-800: #295578;
  --color-accent-tertiary-700: #33648c;
  --color-accent-tertiary-600: #4075a1;
  --color-accent-tertiary-500: #4e86b5;
  --color-accent-tertiary-400: #6da3d1;
  --color-accent-tertiary-300: #8fbce4;
  --color-accent-tertiary-200: #b3d3ee;
  --color-accent-tertiary-100: #d4e5f5;
  --color-accent-tertiary-50: #e8f0f8;
  --color-general-overlay-banner-overlay: #00000080;
  --color-general-overlay-card-overlay: #00000080;
  --color-general-overlay-image-overlay: #00000080;
  --color-general-gray-navy: #1b2a2c;
  --color-general-subtle-brand: #03464b;
  --color-general-overlay: #0c2427;
  --color-general-border-dark: #0c242733;
  --color-general-border-light: #f6fbfc33;
  --color-general-navy: #0c2427;
  --color-general-muted-navy: #203538;
}
[data-brand="sample-realestate"], [data-brand="sample-realestate"][data-color-mode="light"] {
  --base-color-brand-main: var(--color-brand-200);
  --base-color-brand-bright: var(--color-brand-200);
  --base-color-brand-dark: var(--color-brand-600);
  --base-color-brand-muted: var(--color-brand-200);
  --base-color-brand-on-color-bright: var(--color-brand-200);
  --base-color-brand-on-color-dark: var(--color-brand-200);
  --base-color-brand-on-color-muted: var(--color-brand-200);
  --base-color-supporting-main: var(--color-supporting-300);
  --base-color-supporting-bright: var(--color-supporting-200);
  --base-color-supporting-dark: var(--color-supporting-400);
  --base-color-supporting-muted: var(--color-supporting-100);
  --base-color-supporting-on-color-bright: var(--color-supporting-200);
  --base-color-supporting-on-color-dark: var(--color-supporting-400);
  --base-color-supporting-on-color-muted: var(--color-supporting-100);
  --base-color-accent-primary-main: var(--color-accent-primary-700);
  --base-color-accent-primary-bright: var(--color-accent-primary-900);
  --base-color-accent-primary-dark: var(--color-accent-primary-900);
  --base-color-accent-primary-muted: var(--color-accent-primary-300);
  --base-color-accent-primary-on-color-bright: var(--color-accent-primary-700);
  --base-color-accent-primary-on-color-dark: var(--color-accent-primary-900);
  --base-color-accent-primary-on-color-muted: var(--color-accent-primary-300);
  --base-color-accent-secondary-main: var(--color-accent-primary-700);
  --base-color-accent-secondary-bright: var(--color-accent-primary-900);
  --base-color-accent-secondary-dark: var(--color-accent-primary-900);
  --base-color-accent-secondary-muted: var(--color-accent-primary-300);
  --base-color-accent-secondary-on-color-bright: var(--color-accent-primary-700);
  --base-color-accent-secondary-on-color-dark: var(--color-accent-primary-900);
  --base-color-accent-secondary-on-color-muted: var(--color-accent-primary-300);
  --base-color-accent-tertiary-main: var(--color-accent-primary-700);
  --base-color-accent-tertiary-bright: var(--color-accent-primary-900);
  --base-color-accent-tertiary-dark: var(--color-accent-primary-900);
  --base-color-accent-tertiary-muted: var(--color-accent-primary-300);
  --base-color-accent-tertiary-on-color-bright: var(--color-accent-primary-700);
  --base-color-accent-tertiary-on-color-dark: var(--color-accent-primary-900);
  --base-color-accent-tertiary-on-color-muted: var(--color-accent-primary-300);
  --base-color-gray-main: var(--color-gray-400);
  --base-color-gray-bright: var(--color-gray-700);
  --base-color-gray-dark: var(--color-gray-900);
  --base-color-gray-muted: var(--color-gray-200);
  --base-color-gray-on-color-bright: var(--color-gray-500);
  --base-color-gray-on-color-dark: var(--color-gray-900);
  --base-color-gray-on-color-muted: var(--color-gray-200);
  --base-color-status-error-main: var(--color-gray-400);
  --base-color-status-error-on-color-bright: var(--color-gray-500);
  --base-color-status-error-bright: var(--color-gray-700);
  --base-color-status-error-dark: var(--color-gray-900);
  --base-color-status-error-on-color-dark: var(--color-gray-900);
  --base-color-status-error-muted: var(--color-gray-200);
  --base-color-status-error-on-color-muted: var(--color-gray-200);
  --base-color-status-warning-main: var(--color-gray-400);
  --base-color-status-warning-on-color-bright: var(--color-gray-500);
  --base-color-status-warning-bright: var(--color-gray-700);
  --base-color-status-warning-on-color-dark: var(--color-gray-900);
  --base-color-status-warning-dark: var(--color-gray-900);
  --base-color-status-warning-on-color-muted: var(--color-gray-200);
  --base-color-status-warning-muted: var(--color-gray-200);
  --base-color-status-info-main: var(--color-gray-400);
  --base-color-status-info-on-color-bright: var(--color-gray-500);
  --base-color-status-info-bright: var(--color-gray-700);
  --base-color-status-info-on-color-dark: var(--color-gray-900);
  --base-color-status-info-dark: var(--color-gray-900);
  --base-color-status-info-on-color-muted: var(--color-gray-200);
  --base-color-status-info-muted: var(--color-gray-200);
  --base-color-status-success-main: var(--color-gray-400);
  --base-color-status-success-on-color-bright: var(--color-gray-500);
  --base-color-status-success-bright: var(--color-gray-700);
  --base-color-status-success-on-color-dark: var(--color-gray-900);
  --base-color-status-success-dark: var(--color-gray-900);
  --base-color-status-success-on-color-muted: var(--color-gray-200);
  --base-color-status-success-muted: var(--color-gray-200);
}
[data-brand="sample-realestate"][data-color-mode="dark"] {
  --base-color-brand-main: var(--color-brand-200);
  --base-color-brand-bright: var(--color-brand-200);
  --base-color-brand-dark: var(--color-brand-600);
  --base-color-brand-on-color-bright: var(--color-brand-200);
  --base-color-supporting-main: var(--color-supporting-300);
  --base-color-supporting-bright: var(--color-supporting-200);
  --base-color-supporting-dark: var(--color-supporting-400);
  --base-color-supporting-muted: var(--color-supporting-100);
  --base-color-supporting-on-color-bright: var(--color-supporting-200);
  --base-color-supporting-on-color-dark: var(--color-supporting-400);
  --base-color-supporting-on-color-muted: var(--color-supporting-100);
  --base-color-accent-primary-main: var(--color-accent-primary-700);
  --base-color-accent-primary-bright: var(--color-accent-primary-900);
  --base-color-accent-primary-dark: var(--color-accent-primary-900);
  --base-color-accent-primary-muted: var(--color-accent-primary-300);
  --base-color-brand-on-color-dark: var(--color-brand-200);
  --base-color-brand-on-color-muted: var(--color-brand-200);
  --base-color-brand-muted: var(--color-brand-200);
  --base-color-accent-primary-on-color-bright: var(--color-accent-primary-700);
  --base-color-accent-primary-on-color-dark: var(--color-accent-primary-900);
  --base-color-accent-primary-on-color-muted: var(--color-accent-primary-300);
  --base-color-accent-secondary-main: var(--color-accent-primary-700);
  --base-color-accent-secondary-bright: var(--color-accent-primary-900);
  --base-color-accent-secondary-dark: var(--color-accent-primary-900);
  --base-color-accent-secondary-muted: var(--color-accent-primary-300);
  --base-color-accent-secondary-on-color-bright: var(--color-accent-primary-700);
  --base-color-accent-secondary-on-color-dark: var(--color-accent-primary-900);
  --base-color-accent-secondary-on-color-muted: var(--color-accent-primary-300);
  --base-color-accent-tertiary-main: var(--color-accent-primary-700);
  --base-color-accent-tertiary-bright: var(--color-accent-primary-900);
  --base-color-accent-tertiary-dark: var(--color-accent-primary-900);
  --base-color-accent-tertiary-muted: var(--color-accent-primary-300);
  --base-color-accent-tertiary-on-color-bright: var(--color-accent-primary-700);
  --base-color-accent-tertiary-on-color-dark: var(--color-accent-primary-900);
  --base-color-accent-tertiary-on-color-muted: var(--color-accent-primary-300);
  --base-color-gray-on-color-bright: var(--color-gray-500);
  --base-color-gray-on-color-dark: var(--color-gray-900);
  --base-color-gray-on-color-muted: var(--color-gray-200);
  --base-color-gray-main: var(--color-gray-400);
  --base-color-gray-bright: var(--color-gray-700);
  --base-color-gray-dark: var(--color-gray-900);
  --base-color-gray-muted: var(--color-gray-200);
  --base-color-status-error-main: var(--color-gray-400);
  --base-color-status-error-on-color-bright: var(--color-gray-500);
  --base-color-status-error-bright: var(--color-gray-700);
  --base-color-status-error-on-color-dark: var(--color-gray-900);
  --base-color-status-error-dark: var(--color-gray-900);
  --base-color-status-error-on-color-muted: var(--color-gray-200);
  --base-color-status-error-muted: var(--color-gray-200);
  --base-color-status-warning-main: var(--color-gray-400);
  --base-color-status-warning-on-color-bright: var(--color-gray-500);
  --base-color-status-warning-bright: var(--color-gray-700);
  --base-color-status-warning-on-color-dark: var(--color-gray-900);
  --base-color-status-warning-dark: var(--color-gray-900);
  --base-color-status-warning-on-color-muted: var(--color-gray-200);
  --base-color-status-warning-muted: var(--color-gray-200);
  --base-color-status-info-main: var(--color-gray-400);
  --base-color-status-info-on-color-bright: var(--color-gray-500);
  --base-color-status-info-bright: var(--color-gray-700);
  --base-color-status-info-on-color-dark: var(--color-gray-900);
  --base-color-status-info-dark: var(--color-gray-900);
  --base-color-status-info-on-color-muted: var(--color-gray-200);
  --base-color-status-info-muted: var(--color-gray-200);
  --base-color-status-success-main: var(--color-gray-400);
  --base-color-status-success-on-color-bright: var(--color-gray-500);
  --base-color-status-success-bright: var(--color-gray-700);
  --base-color-status-success-on-color-dark: var(--color-gray-900);
  --base-color-status-success-dark: var(--color-gray-900);
  --base-color-status-success-on-color-muted: var(--color-gray-200);
  --base-color-status-success-muted: var(--color-gray-200);
}
[data-brand="sample-realestate"] {
  --base-color-black: var(--color-general-black);
  --base-color-rich-black: var(--color-general-rich-black);
  --base-color-white: var(--color-general-white);
  --base-color-off-white: var(--color-general-off-white);
}
[data-brand="sample-realestate"] {
  --typography-font-case-action: var(--typography-font-case-standard-title-case);
  --typography-font-family-action: var(--typography-font-family-body);
  --typography-font-family-body: var(--typography-font-family-secondary);
  --typography-font-family-chip: var(--typography-font-family-body);
  --typography-font-family-code: var(--typography-font-family-mono);
  --typography-font-family-eyebrow: var(--typography-font-family-secondary);
  --typography-font-family-heading: var(--typography-font-family-primary);
  --typography-font-family-label: var(--typography-font-family-body);
  --typography-font-family-placeholder: var(--typography-font-family-body);
  --typography-font-family-quote: var(--typography-font-family-body);
  --typography-font-family-subheading: var(--typography-font-family-primary);
  --typography-font-family-tooltip: var(--typography-font-family-body);
  --typography-font-case-body: var(--typography-font-case-standard-sentence-case);
  --typography-font-case-chip: var(--typography-font-case-standard-title-case);
  --typography-font-case-code: var(--typography-font-case-standard-lowercase);
  --typography-font-case-eyebrow: var(--typography-font-case-standard-uppercase);
  --typography-font-case-heading: var(--typography-font-case-standard-title-case);
  --typography-font-case-label: var(--typography-font-case-standard-title-case);
  --typography-font-case-placeholder: var(--typography-font-case-standard-sentence-case);
  --typography-font-case-quote: var(--typography-font-case-standard-sentence-case);
  --typography-font-case-subheading: var(--typography-font-case-standard-title-case);
  --typography-font-case-tooltip: var(--typography-font-case-standard-sentence-case);
  --typography-font-weight-action: var(--typography-font-weight-variable-regular);
  --typography-font-weight-body: var(--typography-font-weight-variable-regular);
  --typography-font-weight-chip: var(--typography-font-weight-variable-light);
  --typography-font-weight-code: var(--typography-font-weight-variable-regular);
  --typography-font-weight-eyebrow: var(--typography-font-weight-variable-semibold);
  --typography-font-weight-heading: var(--typography-font-weight-variable-medium);
  --typography-font-weight-label: var(--typography-font-weight-variable-regular);
  --typography-font-weight-placeholder: var(--typography-font-weight-variable-regular);
  --typography-font-weight-quote: var(--typography-font-weight-variable-regular);
  --typography-font-weight-subheading: var(--typography-font-weight-variable-medium);
  --typography-font-weight-tooltip: var(--typography-font-weight-variable-regular);
  --effect-shadow-default: var(--base-color-rich-black);
  --typography-font-family-caption: var(--typography-font-family-secondary);
  --typography-font-weight-caption: var(--typography-font-weight-variable-regular);
  --typography-font-case-caption: var(--typography-font-case-standard-sentence-case);
  --typography-font-family-button: var(--typography-font-family-body);
  --typography-font-weight-button: var(--typography-font-weight-variable-regular);
  --typography-font-case-button: var(--typography-font-case-standard-title-case);
  --typography-font-family-navigation-action: var(--typography-font-family-body);
  --typography-font-weight-navigation-action: var(--typography-font-weight-variable-regular);
  --typography-font-case-navigation-action: var(--typography-font-case-standard-title-case);
  --typography-font-family-status: var(--typography-font-family-body);
  --typography-font-weight-status: var(--typography-font-weight-variable-regular);
  --typography-font-case-status: var(--typography-font-case-standard-title-case);
}
[data-brand="sample-realestate"], [data-brand="sample-realestate"][data-color-mode="light"] {
  --asset-infographic-default: var(--color-gray-400);
  --asset-infographic-brand: var(--color-brand-200);
  --asset-infographic-supporting: var(--color-supporting-200);
  --asset-infographic-accent: var(--color-accent-primary-500);
  --asset-infographic-bright-default: var(--color-general-white);
  --asset-infographic-bright-brand: var(--color-brand-200);
  --asset-infographic-bright-supporting: var(--color-supporting-200);
  --asset-infographic-bright-accent: var(--color-accent-primary-500);
  --asset-infographic-dark-default: var(--color-general-white);
  --asset-infographic-dark-brand: var(--color-brand-200);
  --asset-infographic-dark-supporting: var(--color-supporting-200);
  --asset-infographic-dark-accent: var(--color-accent-primary-500);
  --asset-infographic-muted-default: var(--color-general-white);
  --asset-infographic-muted-brand: var(--color-brand-50);
  --asset-infographic-muted-supporting: var(--color-supporting-50);
  --asset-infographic-muted-accent: var(--color-accent-primary-50);
  --asset-infographic-on-color-bright-default: var(--color-gray-900);
  --asset-infographic-on-color-bright-brand: var(--color-brand-600);
  --asset-infographic-on-color-bright-supporting: var(--color-gray-900);
  --asset-infographic-on-color-bright-accent: var(--color-accent-primary-900);
  --asset-infographic-on-color-dark-default: var(--color-general-white);
  --asset-infographic-on-color-dark-brand: var(--color-brand-100);
  --asset-infographic-on-color-dark-supporting: var(--color-supporting-200);
  --asset-infographic-on-color-dark-accent: var(--color-accent-primary-50);
  --asset-infographic-on-color-muted-default: var(--color-gray-900);
  --asset-infographic-on-color-muted-brand: var(--color-brand-300);
  --asset-infographic-on-color-muted-supporting: var(--color-supporting-400);
  --asset-infographic-on-color-muted-accent: var(--color-accent-primary-500);
  --asset-checkbox-default: var(--color-supporting-800);
  --asset-checkbox-brand: var(--color-brand-600);
  --asset-checkbox-supporting: var(--color-supporting-800);
  --asset-checkbox-accent: var(--color-accent-primary-700);
  --asset-checkbox-error: #d32f2f;
  --asset-checkbox-state-hover: var(--color-accent-primary-700);
  --asset-checkbox-state-focus: var(--color-accent-primary-700);
  --asset-checkbox-state-disabled: var(--color-gray-400);
  --asset-checkbox-state-pressed: var(--color-accent-primary-700);
  --asset-checkbox-state-selected: var(--color-accent-primary-700);
  --asset-divider-default: var(--color-gray-300);
  --asset-divider-bright-brand: var(--color-brand-200);
  --asset-divider-bright-supporting: var(--color-supporting-200);
  --asset-divider-bright-accent: var(--color-accent-primary-500);
  --asset-divider-dark-brand: var(--color-brand-200);
  --asset-divider-dark-supporting: var(--color-supporting-200);
  --asset-divider-dark-accent: var(--color-accent-primary-500);
  --asset-divider-muted-brand: var(--color-brand-50);
  --asset-divider-muted-supporting: var(--color-supporting-50);
  --asset-divider-muted-accent: var(--color-accent-primary-50);
  --asset-icon-default: var(--color-brand-600);
  --asset-icon-brand: var(--color-brand-600);
  --asset-icon-supporting: var(--color-brand-600);
  --asset-icon-accent: var(--color-brand-600);
  --asset-icon-transparent-background: var(--color-general-subtle-brand);
  --asset-icon-on-color-bright-default: var(--color-accent-primary-900);
  --asset-icon-on-color-bright-brand: var(--color-accent-primary-900);
  --asset-icon-on-color-bright-supporting: var(--color-general-subtle-brand);
  --asset-icon-on-color-bright-accent: var(--color-general-subtle-brand);
  --asset-logo-brandmark-default: var(--color-general-overlay);
  --asset-logo-brandmark-secondary: var(--color-general-overlay);
  --asset-logo-wordmark-default: var(--color-general-overlay);
  --asset-logo-wordmark-secondary: var(--color-general-overlay);
  --asset-radio-button-default: var(--color-supporting-800);
  --asset-progress-bar-complete-bright-brand: var(--color-brand-200);
  --asset-progress-bar-complete-bright-supporting: var(--color-supporting-200);
  --asset-progress-bar-complete-bright-accent: var(--color-accent-primary-500);
  --asset-progress-bar-complete-dark-brand: var(--color-brand-200);
  --asset-progress-bar-complete-dark-supporting: var(--color-supporting-200);
  --asset-progress-bar-complete-dark-accent: var(--color-accent-primary-500);
  --asset-progress-bar-complete-muted-brand: var(--color-brand-50);
  --asset-radio-button-brand: var(--color-brand-600);
  --asset-progress-bar-complete-muted-supporting: var(--color-supporting-50);
  --asset-progress-bar-complete-muted-accent: var(--color-accent-primary-50);
  --asset-radio-button-supporting: var(--color-supporting-800);
  --asset-radio-button-accent: var(--color-accent-primary-700);
  --asset-radio-button-error: #d32f2f;
  --asset-radio-button-state-hover: var(--color-accent-primary-700);
  --asset-radio-button-state-focus: var(--color-accent-primary-700);
  --asset-radio-button-state-disabled: var(--color-gray-400);
  --asset-radio-button-state-pressed: var(--color-accent-primary-700);
  --asset-radio-button-state-selected: var(--color-accent-primary-700);
  --border-button-default: var(--surface-button-default);
  --border-button-secondary: var(--color-brand-600);
  --border-card-default: var(--color-general-rich-black);
  --border-card-secondary: var(--color-brand-600);
  --border-chip-default: var(--color-gray-500);
  --border-chip-on-color-bright-default: var(--typography-heading-on-color-bright-default);
  --border-chip-on-color-dark-default: var(--typography-heading-on-color-dark-default);
  --border-chip-on-color-muted-default: var(--typography-heading-on-color-muted-default);
  --border-chip-brand: var(--color-brand-200);
  --border-chip-supporting: var(--color-supporting-200);
  --border-chip-accent: var(--color-accent-primary-500);
  --border-chip-on-color-bright-brand: var(--color-brand-600);
  --border-chip-on-color-bright-supporting: var(--color-gray-900);
  --border-chip-on-color-bright-accent: var(--color-accent-primary-900);
  --border-form-field-default: var(--color-general-navy);
  --border-form-field-state-hover: var(--color-general-navy);
  --border-form-field-state-focus: var(--color-general-navy);
  --border-form-field-state-disabled: var(--color-general-border-dark);
  --border-form-field-state-pressed: var(--color-general-navy);
  --border-form-field-state-selected: var(--color-general-navy);
  --border-form-field-on-color-default: var(--color-general-border-dark);
  --border-form-field-on-color-state-hover: var(--color-general-border-dark);
  --border-form-field-on-color-state-focus: var(--color-general-border-dark);
  --border-form-field-on-color-state-disabled: var(--color-general-border-dark);
  --border-form-field-on-color-state-pressed: var(--color-general-border-dark);
  --border-form-field-on-color-state-selected: var(--color-general-border-dark);
  --border-status-bar-error-default: var(--color-status-error-50);
  --border-status-bar-error-on-color-default: var(--color-status-error-50);
  --border-status-bar-warning-default: var(--color-status-warning-50);
  --border-status-bar-warning-on-color-default: var(--color-status-warning-50);
  --border-status-bar-info-default: var(--color-status-info-50);
  --border-status-bar-info-on-color-default: var(--color-status-info-50);
  --border-status-bar-success-default: var(--color-status-success-50);
  --border-status-bar-success-on-color-default: var(--color-status-success-50);
  --border-status-bar-color: #ffffff;
  --border-tab-active: var(--color-general-border-dark);
  --border-tab-inactive: var(--color-general-border-dark);
  --border-tab-on-color-default: var(--color-general-border-dark);
  --border-tab-on-color-secondary: var(--color-general-border-dark);
  --surface-navigation-default: var(--color-general-white);
  --surface-navigation-secondary: var(--color-general-white);
  --surface-background-page: var(--color-general-white);
  --surface-background-page-secondary: var(--color-gray-50);
  --surface-background-color-block-bright-fill-start: var(--color-brand-200);
  --surface-background-color-block-bright-fill-end: var(--color-accent-primary-300);
  --surface-background-fill-start: var(--color-brand-100);
  --surface-background-fill-end: var(--color-accent-primary-200);
  --surface-background-color-block-bright-default: var(--color-brand-200);
  --surface-button-default: var(--color-accent-primary-700);
  --surface-card-default: var(--color-general-white);
  --surface-card-secondary: var(--color-brand-200);
  --surface-card-state-hover: var(--color-gray-50);
  --surface-card-state-focus: var(--color-gray-50);
  --surface-card-state-disabled: var(--color-gray-500);
  --surface-card-state-pressed: var(--color-gray-200);
  --surface-card-state-selected: var(--color-brand-50);
  --surface-button-secondary: var(--color-brand-200);
  --surface-button-fill-start: var(--surface-button-default);
  --surface-button-fill-end: var(--surface-button-default);
  --surface-button-state-hover: var(--color-accent-primary-900);
  --surface-button-state-focus: var(--color-accent-primary-900);
  --surface-button-state-disabled: var(--color-gray-500);
  --surface-button-state-pressed: var(--color-accent-primary-900);
  --surface-button-state-selected: var(--color-accent-primary-900);
  --surface-button-on-color-bright-default: var(--color-brand-600);
  --surface-button-on-color-bright-secondary: var(--color-brand-600);
  --surface-button-on-color-bright-fill-start: var(--surface-button-on-color-bright-default);
  --surface-button-on-color-bright-fill-end: var(--surface-button-on-color-bright-default);
  --surface-button-on-color-bright-state-hover: var(--color-accent-primary-900);
  --surface-button-on-color-bright-state-focus: var(--color-brand-100);
  --surface-button-on-color-bright-state-disabled: var(--color-gray-500);
  --surface-button-on-color-bright-state-pressed: var(--color-supporting-200);
  --surface-button-on-color-bright-state-selected: var(--color-supporting-200);
  --surface-button-on-color-muted-default: var(--color-brand-600);
  --surface-button-on-color-muted-secondary: var(--color-brand-600);
  --surface-button-on-color-muted-fill-start: var(--surface-button-on-color-muted-default);
  --surface-button-on-color-muted-fill-end: var(--surface-button-on-color-muted-default);
  --surface-button-on-color-muted-state-hover: var(--color-accent-primary-900);
  --surface-button-on-color-muted-state-focus: var(--color-brand-200);
  --surface-button-on-color-muted-state-disabled: var(--color-gray-500);
  --surface-button-on-color-muted-state-pressed: var(--color-supporting-200);
  --surface-button-on-color-muted-state-selected: var(--color-supporting-200);
  --surface-button-on-color-dark-default: var(--color-brand-300);
  --surface-button-on-color-dark-secondary: var(--color-brand-300);
  --surface-button-on-color-dark-fill-start: var(--surface-button-on-color-dark-default);
  --surface-button-on-color-dark-fill-end: var(--surface-button-on-color-dark-default);
  --surface-button-on-color-dark-state-hover: var(--color-accent-primary-900);
  --surface-button-on-color-dark-state-focus: var(--color-brand-200);
  --surface-button-on-color-dark-state-disabled: var(--color-gray-400);
  --surface-button-on-color-dark-state-pressed: var(--color-supporting-200);
  --surface-button-on-color-dark-state-selected: var(--color-supporting-200);
  --surface-chip-default: var(--color-gray-700);
  --surface-chip-brand: var(--color-brand-200);
  --surface-chip-supporting: var(--color-supporting-200);
  --surface-chip-accent: var(--color-accent-primary-300);
  --surface-chip-on-color-bright-brand: var(--color-brand-500);
  --surface-chip-on-color-bright-supporting: var(--color-supporting-200);
  --surface-chip-on-color-bright-accent: var(--color-accent-primary-700);
  --surface-chip-on-color-dark-brand: var(--color-brand-200);
  --surface-chip-on-color-dark-supporting: var(--color-supporting-200);
  --surface-chip-on-color-dark-accent: var(--color-accent-primary-300);
  --surface-chip-on-color-muted-brand: var(--color-brand-200);
  --surface-chip-on-color-muted-supporting: var(--color-supporting-200);
  --surface-chip-on-color-muted-accent: var(--color-accent-primary-300);
  --surface-icon-container-default: var(--color-general-white);
  --surface-icon-container-secondary: var(--color-brand-200);
  --surface-icon-container-fill-start: var(--color-brand-200);
  --surface-icon-container-fill-end: var(--color-supporting-200);
  --surface-icon-container-color-block-bright-default: var(--color-brand-600);
  --surface-icon-container-color-block-bright-secondary: var(--color-brand-600);
  --surface-icon-container-color-block-bright-fill-start: var(--color-brand-200);
  --surface-icon-container-color-block-bright-fill-end: var(--color-supporting-200);
  --surface-icon-container-color-block-dark-default: var(--color-brand-600);
  --surface-icon-container-color-block-muted-default: var(--color-brand-600);
  --surface-icon-container-color-block-muted-secondary: var(--color-brand-600);
  --surface-icon-container-color-block-muted-fill-start: var(--color-brand-200);
  --surface-icon-container-color-block-muted-fill-end: var(--color-supporting-200);
  --surface-icon-container-color-block-dark-secondary: var(--color-brand-600);
  --surface-icon-container-color-block-dark-fill-start: var(--color-brand-200);
  --surface-icon-container-color-block-dark-fill-end: var(--color-supporting-200);
  --surface-overlay-preset-banner: var(--color-general-overlay);
  --surface-overlay-preset-card: var(--color-general-overlay);
  --surface-overlay-preset-image: var(--color-general-overlay);
  --surface-status-bar-error-default: var(--color-status-error-50);
  --surface-status-bar-error-state-hover: var(--color-status-error-100);
  --surface-status-bar-error-state-focus: var(--color-status-error-100);
  --surface-status-bar-error-state-disabled: var(--color-status-error-100);
  --surface-status-bar-error-state-pressed: var(--color-status-error-100);
  --surface-status-bar-error-state-selected: var(--color-status-error-100);
  --surface-status-bar-error-on-color-bright-default: var(--color-status-error-50);
  --surface-status-bar-error-on-color-bright-secondary: var(--color-status-error-50);
  --surface-status-bar-error-on-color-bright-state-hover: var(--color-accent-primary-900);
  --surface-status-bar-error-on-color-bright-state-focus: var(--color-accent-primary-900);
  --surface-status-bar-error-on-color-bright-state-disabled: var(--color-general-gray-navy);
  --surface-status-bar-error-on-color-bright-state-pressed: var(--color-general-gray-navy);
  --surface-status-bar-error-on-color-bright-state-selected: var(--color-accent-primary-900);
  --surface-status-bar-error-on-color-muted-default: var(--color-status-error-50);
  --surface-status-bar-error-on-color-muted-secondary: var(--color-status-error-50);
  --surface-status-bar-error-on-color-muted-state-hover: var(--color-accent-primary-900);
  --surface-status-bar-error-on-color-muted-state-focus: var(--color-accent-primary-900);
  --surface-status-bar-error-on-color-muted-state-disabled: var(--color-general-gray-navy);
  --surface-status-bar-error-on-color-muted-state-pressed: var(--color-general-gray-navy);
  --surface-status-bar-error-on-color-muted-state-selected: var(--color-accent-primary-900);
  --surface-status-bar-error-on-color-dark-default: var(--color-status-error-900);
  --surface-status-bar-error-on-color-dark-secondary: var(--color-status-error-900);
  --surface-status-bar-error-on-color-dark-state-hover: var(--color-accent-primary-900);
  --surface-status-bar-error-on-color-dark-state-focus: var(--color-accent-primary-900);
  --surface-status-bar-error-on-color-dark-state-disabled: var(--color-general-gray-navy);
  --surface-status-bar-error-on-color-dark-state-pressed: var(--color-general-gray-navy);
  --surface-status-bar-error-on-color-dark-state-selected: var(--color-accent-primary-900);
  --surface-tab-default: var(--color-general-white);
  --surface-tab-secondary: var(--color-brand-200);
  --surface-tab-state-hover: var(--color-gray-50);
  --surface-tab-state-focus: var(--color-gray-50);
  --surface-tab-state-disabled: var(--color-gray-500);
  --surface-tab-state-pressed: var(--color-gray-200);
  --surface-tab-state-selected: var(--color-brand-50);
  --surface-tooltip-default: #ffffff00;
  --surface-tooltip-secondary: #ffffff00;
  --surface-tooltip-on-color-bright-default: var(--color-brand-600);
  --surface-tooltip-on-color-bright-secondary: var(--color-brand-600);
  --surface-tooltip-on-color-muted-default: var(--color-brand-600);
  --surface-tooltip-on-color-muted-secondary: var(--color-brand-600);
  --surface-tooltip-on-color-dark-default: var(--color-brand-300);
  --surface-tooltip-on-color-dark-secondary: var(--color-brand-300);
  --typography-action-default: var(--color-accent-primary-900);
  --typography-action-secondary: var(--color-accent-primary-900);
  --typography-action-on-overlay: var(--color-brand-50);
  --typography-action-transparent-background: var(--color-gray-900);
  --typography-action-state-hover: var(--color-accent-tertiary-900);
  --typography-action-state-focus: var(--color-brand-600);
  --typography-action-state-disabled: var(--color-gray-400);
  --typography-action-state-pressed: var(--color-gray-800);
  --typography-action-state-selected: var(--color-brand-600);
  --typography-action-on-color-bright-default: var(--color-general-rich-black);
  --typography-action-on-color-bright-transparent-background: var(--color-gray-900);
  --typography-action-on-color-bright-state-hover: var(--color-accent-primary-900);
  --typography-action-on-color-bright-state-focus: var(--color-accent-primary-900);
  --typography-action-on-color-bright-state-disabled: var(--color-gray-800);
  --typography-action-on-color-bright-state-pressed: var(--color-general-gray-navy);
  --typography-action-on-color-bright-state-selected: var(--color-accent-primary-900);
  --typography-action-on-color-dark-default: var(--color-general-off-white);
  --typography-action-on-color-dark-transparent-background: var(--color-general-off-white);
  --typography-action-on-color-dark-state-hover: var(--color-general-off-white);
  --typography-action-on-color-dark-state-focus: var(--color-general-off-white);
  --typography-action-on-color-dark-state-disabled: var(--color-general-off-white);
  --typography-action-on-color-dark-state-pressed: var(--color-general-off-white);
  --typography-action-on-color-dark-state-selected: var(--color-general-off-white);
  --typography-action-on-color-muted-default: var(--color-accent-primary-900);
  --typography-action-on-color-muted-transparent-background: var(--color-brand-600);
  --typography-action-on-color-muted-state-hover: var(--color-accent-primary-900);
  --typography-action-on-color-muted-state-focus: var(--color-accent-primary-900);
  --typography-action-on-color-muted-state-disabled: var(--color-gray-500);
  --typography-action-on-color-muted-state-pressed: var(--color-general-gray-navy);
  --typography-action-on-color-muted-state-selected: var(--color-accent-primary-900);
  --typography-body-default: var(--color-gray-800);
  --typography-button-text: var(--color-gray-900);
  --typography-button-outline: var(--color-gray-900);
  --typography-button-filled-default: var(--color-general-white);
  --typography-button-filled-secondary: var(--color-gray-900);
  --typography-body-on-color-bright-default: var(--color-gray-900);
  --typography-body-on-color-dark-default: var(--color-general-off-white);
  --typography-body-on-color-muted-default: var(--color-brand-600);
  --typography-caption-default: var(--color-gray-800);
  --typography-chip-default: var(--color-gray-800);
  --typography-chip-on-color-bright-default: var(--typography-heading-on-color-bright-default);
  --typography-chip-on-color-dark-default: var(--typography-heading-on-color-dark-default);
  --typography-chip-on-color-muted-default: var(--typography-heading-on-color-muted-default);
  --typography-chip-brand: var(--color-brand-600);
  --typography-chip-supporting: var(--color-gray-800);
  --typography-chip-accent: var(--color-accent-primary-900);
  --typography-chip-on-color-bright-brand: var(--color-gray-900);
  --typography-chip-on-color-bright-supporting: var(--color-gray-900);
  --typography-chip-on-color-bright-accent: var(--color-accent-primary-900);
  --typography-chip-on-color-dark-brand: var(--color-general-off-white);
  --typography-chip-on-color-dark-supporting: var(--color-supporting-50);
  --typography-chip-on-color-dark-accent: var(--color-general-off-white);
  --typography-chip-on-color-muted-brand: var(--color-brand-600);
  --typography-chip-on-color-muted-supporting: var(--color-supporting-800);
  --typography-chip-on-color-muted-accent: var(--color-accent-primary-900);
  --typography-caption-highlight: var(--color-gray-800);
  --typography-caption-on-color-bright-default: var(--color-gray-900);
  --typography-caption-on-color-bright-highlight: var(--color-gray-900);
  --typography-caption-on-color-dark-default: var(--color-general-off-white);
  --typography-caption-on-color-dark-highlight: var(--color-general-off-white);
  --typography-caption-on-color-muted-default: var(--color-brand-600);
  --typography-caption-on-color-muted-highlight: var(--color-brand-600);
  --typography-eyebrow-default: var(--color-accent-primary-900);
  --typography-eyebrow-secondary: var(--color-gray-800);
  --typography-eyebrow-on-color-bright-default: var(--color-gray-900);
  --typography-eyebrow-on-color-bright-secondary: var(--color-gray-900);
  --typography-eyebrow-on-color-dark-default: var(--color-general-off-white);
  --typography-eyebrow-on-color-muted-default: var(--color-brand-600);
  --typography-eyebrow-on-color-muted-secondary: var(--color-brand-600);
  --typography-eyebrow-on-color-dark-secondary: var(--color-general-off-white);
  --typography-heading-default: var(--color-gray-900);
  --typography-heading-secondary: var(--color-gray-900);
  --typography-heading-highlight: var(--color-brand-600);
  --typography-heading-on-color-bright-default: var(--color-gray-900);
  --typography-heading-on-color-bright-secondary: var(--color-gray-900);
  --typography-heading-on-color-bright-highlight: var(--color-gray-900);
  --typography-navigation-action-default: var(--color-accent-primary-900);
  --typography-navigation-action-secondary: var(--color-brand-600);
  --typography-navigation-action-state-hover: var(--color-accent-tertiary-900);
  --typography-navigation-action-state-focus: var(--color-brand-600);
  --typography-navigation-action-state-disabled: var(--color-gray-400);
  --typography-navigation-action-state-pressed: var(--color-gray-800);
  --typography-navigation-action-state-selected: var(--color-gray-800);
  --typography-navigation-action-on-color-bright-default: var(--color-general-rich-black);
  --typography-navigation-action-on-color-bright-transparent-background: var(--color-gray-900);
  --typography-navigation-action-on-color-bright-state-hover: var(--color-accent-primary-900);
  --typography-navigation-action-on-color-bright-state-focus: var(--color-accent-primary-900);
  --typography-navigation-action-on-color-bright-state-disabled: var(--color-gray-800);
  --typography-navigation-action-on-color-bright-state-pressed: var(--color-general-gray-navy);
  --typography-navigation-action-on-color-bright-state-selected: var(--color-accent-primary-900);
  --typography-navigation-action-on-color-dark-default: var(--color-general-off-white);
  --typography-navigation-action-on-color-dark-transparent-background: var(--color-general-off-white);
  --typography-navigation-action-on-color-dark-state-hover: var(--color-general-off-white);
  --typography-navigation-action-on-color-dark-state-focus: var(--color-general-off-white);
  --typography-navigation-action-on-color-dark-state-disabled: var(--color-general-off-white);
  --typography-navigation-action-on-color-dark-state-pressed: var(--color-general-off-white);
  --typography-navigation-action-on-color-dark-state-selected: var(--color-general-off-white);
  --typography-navigation-action-on-color-muted-default: var(--color-accent-primary-900);
  --typography-navigation-action-on-color-muted-transparent-background: var(--color-brand-600);
  --typography-navigation-action-on-color-muted-state-hover: var(--color-accent-primary-900);
  --typography-navigation-action-on-color-muted-state-focus: var(--color-accent-primary-900);
  --typography-navigation-action-on-color-muted-state-disabled: var(--color-gray-500);
  --typography-navigation-action-on-color-muted-state-pressed: var(--color-general-gray-navy);
  --typography-navigation-action-on-color-muted-state-selected: var(--color-accent-primary-900);
  --typography-label-default: var(--color-accent-primary-900);
  --typography-label-secondary: var(--color-gray-800);
  --typography-label-on-color-bright-default: var(--color-gray-900);
  --typography-label-on-color-bright-secondary: var(--color-gray-900);
  --typography-label-on-color-dark-default: var(--color-general-off-white);
  --typography-label-on-color-dark-secondary: var(--color-general-off-white);
  --typography-label-on-color-muted-default: var(--color-brand-600);
  --typography-label-on-color-muted-secondary: var(--color-brand-600);
  --typography-placeholder-default: var(--color-gray-800);
  --typography-placeholder-on-color-bright-default: var(--color-gray-900);
  --typography-placeholder-on-color-dark-default: var(--color-general-off-white);
  --typography-placeholder-on-color-muted-default: var(--color-gray-700);
  --typography-quote-default: var(--color-gray-800);
  --typography-quote-highlight: var(--color-gray-800);
  --typography-quote-on-color-bright-default: var(--color-gray-900);
  --typography-quote-on-color-bright-highlight: var(--color-gray-900);
  --typography-quote-on-color-dark-default: var(--color-general-off-white);
  --typography-quote-on-color-dark-highlight: var(--color-general-off-white);
  --typography-quote-on-color-muted-default: var(--color-brand-600);
  --typography-quote-on-color-muted-highlight: var(--color-brand-600);
  --typography-status-error-default: var(--color-status-error-800);
  --typography-status-error-on-color-bright-default: var(--color-gray-900);
  --typography-status-error-on-color-dark-default: var(--color-general-off-white);
  --typography-status-error-on-color-muted-default: var(--color-status-error-800);
  --typography-status-warning-default: var(--color-status-warning-950);
  --typography-status-info-default: var(--color-status-info-800);
  --typography-status-success-default: var(--color-status-success-800);
  --typography-status-warning-on-color-bright-default: var(--color-gray-900);
  --typography-status-warning-on-color-dark-default: var(--color-gray-900);
  --typography-status-warning-on-color-muted-default: var(--color-gray-900);
  --typography-status-info-on-color-bright-default: var(--color-gray-900);
  --typography-status-info-on-color-dark-default: var(--color-general-off-white);
  --typography-status-info-on-color-muted-default: var(--color-status-info-800);
  --typography-status-success-on-color-bright-default: var(--color-gray-900);
  --typography-status-success-on-color-dark-default: var(--color-general-off-white);
  --typography-status-success-on-color-muted-default: var(--color-status-success-800);
  --surface-background-color-block-dark-fill-start: var(--color-brand-500);
  --surface-background-color-block-dark-fill-end: var(--color-accent-primary-900);
  --surface-background-color-block-dark-default: var(--color-brand-500);
  --surface-background-color-block-muted-fill-start: var(--color-brand-50);
  --surface-background-color-block-muted-fill-end: var(--color-accent-primary-50);
  --surface-background-color-block-muted-default: var(--color-brand-50);
  --surface-status-bar-warning-on-color-bright-default: var(--color-status-warning-50);
  --surface-status-bar-warning-on-color-bright-secondary: var(--color-status-warning-50);
  --surface-status-bar-warning-state-hover: var(--color-status-warning-100);
  --surface-status-bar-warning-on-color-bright-state-hover: var(--color-accent-primary-900);
  --surface-status-bar-warning-default: var(--color-status-warning-50);
  --surface-status-bar-warning-state-focus: var(--color-status-warning-100);
  --surface-status-bar-warning-on-color-bright-state-focus: var(--color-accent-primary-900);
  --surface-status-bar-warning-state-disabled: var(--color-status-warning-100);
  --surface-status-bar-warning-on-color-bright-state-disabled: var(--color-general-gray-navy);
  --surface-status-bar-warning-on-color-bright-state-pressed: var(--color-general-gray-navy);
  --surface-status-bar-warning-state-pressed: var(--color-status-warning-100);
  --surface-status-bar-warning-on-color-bright-state-selected: var(--color-accent-primary-900);
  --surface-status-bar-warning-state-selected: var(--color-status-warning-100);
  --surface-status-bar-warning-on-color-muted-default: var(--color-status-warning-50);
  --surface-status-bar-warning-on-color-muted-secondary: var(--color-status-warning-50);
  --surface-status-bar-warning-on-color-muted-state-hover: var(--color-accent-primary-900);
  --surface-status-bar-warning-on-color-muted-state-focus: var(--color-accent-primary-900);
  --surface-status-bar-warning-on-color-muted-state-disabled: var(--color-general-gray-navy);
  --surface-status-bar-warning-on-color-muted-state-pressed: var(--color-general-gray-navy);
  --surface-status-bar-warning-on-color-muted-state-selected: var(--color-accent-primary-900);
  --surface-status-bar-warning-on-color-dark-default: var(--color-status-warning-50);
  --surface-status-bar-warning-on-color-dark-secondary: var(--color-status-warning-50);
  --surface-status-bar-warning-on-color-dark-state-hover: var(--color-accent-primary-900);
  --surface-status-bar-warning-on-color-dark-state-focus: var(--color-accent-primary-900);
  --surface-status-bar-warning-on-color-dark-state-disabled: var(--color-general-gray-navy);
  --surface-status-bar-warning-on-color-dark-state-pressed: var(--color-general-gray-navy);
  --surface-status-bar-warning-on-color-dark-state-selected: var(--color-accent-primary-900);
  --surface-status-bar-info-default: var(--color-status-info-50);
  --surface-status-bar-info-state-hover: var(--color-status-info-100);
  --surface-status-bar-info-state-focus: var(--color-status-info-100);
  --surface-status-bar-info-state-disabled: var(--color-status-info-100);
  --surface-status-bar-info-state-pressed: var(--color-status-info-100);
  --surface-status-bar-info-state-selected: var(--color-status-info-100);
  --surface-status-bar-info-on-color-bright-default: var(--color-status-info-50);
  --surface-status-bar-info-on-color-bright-secondary: var(--color-status-info-50);
  --surface-status-bar-info-on-color-bright-state-hover: var(--color-accent-primary-900);
  --surface-status-bar-info-on-color-bright-state-focus: var(--color-accent-primary-900);
  --surface-status-bar-info-on-color-bright-state-disabled: var(--color-general-gray-navy);
  --surface-status-bar-info-on-color-bright-state-pressed: var(--color-general-gray-navy);
  --surface-status-bar-info-on-color-bright-state-selected: var(--color-accent-primary-900);
  --surface-status-bar-info-on-color-muted-default: var(--color-status-info-50);
  --surface-status-bar-info-on-color-muted-secondary: var(--color-status-info-50);
  --surface-status-bar-info-on-color-muted-state-hover: var(--color-accent-primary-900);
  --surface-status-bar-info-on-color-muted-state-focus: var(--color-accent-primary-900);
  --surface-status-bar-info-on-color-muted-state-disabled: var(--color-general-gray-navy);
  --surface-status-bar-info-on-color-muted-state-pressed: var(--color-general-gray-navy);
  --surface-status-bar-info-on-color-muted-state-selected: var(--color-accent-primary-900);
  --surface-status-bar-info-on-color-dark-default: var(--color-status-info-900);
  --surface-status-bar-info-on-color-dark-secondary: var(--color-status-info-900);
  --surface-status-bar-info-on-color-dark-state-hover: var(--color-accent-primary-900);
  --surface-status-bar-info-on-color-dark-state-focus: var(--color-accent-primary-900);
  --surface-status-bar-info-on-color-dark-state-disabled: var(--color-general-gray-navy);
  --surface-status-bar-info-on-color-dark-state-pressed: var(--color-general-gray-navy);
  --surface-status-bar-info-on-color-dark-state-selected: var(--color-accent-primary-900);
  --surface-status-bar-success-default: var(--color-status-success-50);
  --surface-status-bar-success-state-hover: var(--color-status-success-100);
  --surface-status-bar-success-on-color-bright-default: var(--color-status-success-50);
  --surface-status-bar-success-on-color-bright-secondary: var(--color-status-success-50);
  --surface-status-bar-success-on-color-bright-state-hover: var(--color-accent-primary-900);
  --surface-status-bar-success-on-color-bright-state-focus: var(--color-accent-primary-900);
  --surface-status-bar-success-on-color-bright-state-disabled: var(--color-general-gray-navy);
  --surface-status-bar-success-on-color-bright-state-pressed: var(--color-general-gray-navy);
  --surface-status-bar-success-on-color-bright-state-selected: var(--color-accent-primary-900);
  --surface-status-bar-success-on-color-muted-default: var(--color-status-success-50);
  --surface-status-bar-success-on-color-muted-secondary: var(--color-status-success-50);
  --surface-status-bar-success-on-color-muted-state-hover: var(--color-accent-primary-900);
  --surface-status-bar-success-on-color-muted-state-focus: var(--color-accent-primary-900);
  --surface-status-bar-success-on-color-muted-state-disabled: var(--color-general-gray-navy);
  --surface-status-bar-success-on-color-muted-state-pressed: var(--color-general-gray-navy);
  --surface-status-bar-success-on-color-muted-state-selected: var(--color-accent-primary-900);
  --surface-status-bar-success-on-color-dark-default: var(--color-status-success-900);
  --surface-status-bar-success-on-color-dark-secondary: var(--color-status-success-900);
  --surface-status-bar-success-on-color-dark-state-hover: var(--color-accent-primary-900);
  --surface-status-bar-success-on-color-dark-state-focus: var(--color-accent-primary-900);
  --surface-status-bar-success-on-color-dark-state-disabled: var(--color-general-gray-navy);
  --surface-status-bar-success-on-color-dark-state-pressed: var(--color-general-gray-navy);
  --surface-status-bar-success-on-color-dark-state-selected: var(--color-accent-primary-900);
  --surface-status-bar-success-state-focus: var(--color-status-success-100);
  --surface-status-bar-success-state-disabled: var(--color-status-success-100);
  --surface-status-bar-success-state-pressed: var(--color-status-success-100);
  --surface-status-bar-success-state-selected: var(--color-status-success-100);
  --border-button-on-color-bright-default: var(--surface-button-on-color-bright-default);
  --border-button-on-color-bright-secondary: var(--surface-button-on-color-bright-secondary);
  --border-button-on-color-dark-default: var(--color-brand-100);
  --border-button-on-color-dark-secondary: var(--color-brand-100);
  --border-button-on-color-muted-default: var(--surface-button-on-color-muted-default);
  --border-button-on-color-muted-secondary: var(--surface-button-on-color-muted-secondary);
  --border-card-on-color-bright-default: var(--color-gray-900);
  --border-card-on-color-bright-secondary: var(--color-gray-900);
  --border-card-on-color-dark-default: var(--color-general-off-white);
  --border-card-on-color-dark-secondary: var(--color-general-off-white);
  --border-card-on-color-muted-default: var(--color-gray-900);
  --border-card-on-color-muted-secondary: var(--color-gray-900);
  --asset-icon-on-color-dark-default: var(--color-accent-primary-50);
  --asset-icon-on-color-dark-brand: var(--color-accent-primary-50);
  --asset-icon-on-color-dark-supporting: var(--color-general-off-white);
  --asset-icon-on-color-dark-accent: var(--color-general-off-white);
  --asset-icon-on-color-muted-default: var(--color-accent-primary-600);
  --asset-icon-on-color-muted-brand: var(--color-accent-primary-600);
  --asset-icon-on-color-muted-supporting: var(--color-general-subtle-brand);
  --asset-icon-on-color-muted-accent: var(--color-general-subtle-brand);
  --asset-slider-default: var(--color-gray-300);
  --asset-slider-bright-brand: var(--color-brand-200);
  --asset-slider-bright-supporting: var(--color-supporting-200);
  --asset-slider-bright-accent: var(--color-accent-primary-500);
  --asset-slider-dark-brand: var(--color-brand-200);
  --asset-slider-dark-supporting: var(--color-supporting-200);
  --asset-slider-dark-accent: var(--color-accent-primary-500);
  --asset-slider-muted-brand: var(--color-brand-50);
  --asset-slider-muted-supporting: var(--color-supporting-50);
  --asset-slider-muted-accent: var(--color-accent-primary-50);
  --asset-statistic-default: var(--color-brand-500);
  --asset-statistic-on-color-bright-default: var(--typography-heading-on-color-bright-default);
  --asset-statistic-on-color-dark-default: var(--typography-heading-on-color-dark-default);
  --asset-statistic-on-color-muted-default: var(--typography-heading-on-color-muted-default);
  --asset-status-error-default: var(--color-status-error-700);
  --asset-status-error-on-color-bright-default: var(--color-gray-900);
  --asset-status-error-on-color-dark-default: var(--color-status-error-100);
  --asset-status-error-on-color-muted-default: var(--color-status-error-700);
  --asset-status-warning-default: var(--color-status-warning-950);
  --asset-status-warning-on-color-bright-default: var(--color-gray-900);
  --asset-status-warning-on-color-dark-default: var(--color-status-warning-200);
  --asset-status-warning-on-color-muted-default: var(--color-status-warning-900);
  --asset-status-info-default: var(--color-status-info-800);
  --asset-status-info-on-color-bright-default: var(--color-status-info-900);
  --asset-status-info-on-color-dark-default: var(--color-status-info-100);
  --asset-status-info-on-color-muted-default: var(--color-status-info-900);
  --asset-status-success-default: var(--color-status-success-800);
  --asset-status-success-on-color-bright-default: var(--color-status-success-900);
  --asset-status-success-on-color-dark-default: var(--color-status-success-100);
  --asset-status-success-on-color-muted-default: var(--color-status-success-900);
  --asset-statistic-bright-brand: var(--color-brand-200);
  --asset-statistic-bright-supporting: var(--color-supporting-200);
  --asset-statistic-bright-accent: var(--color-accent-primary-500);
  --asset-statistic-dark-brand: var(--color-brand-200);
  --asset-statistic-dark-supporting: var(--color-supporting-200);
  --asset-statistic-dark-accent: var(--color-accent-primary-500);
  --asset-statistic-muted-brand: var(--color-brand-50);
  --asset-statistic-muted-supporting: var(--color-supporting-50);
  --asset-statistic-muted-accent: var(--color-accent-primary-50);
  --border-chip-on-color-dark-brand: var(--color-brand-100);
  --border-chip-on-color-dark-supporting: var(--color-supporting-200);
  --border-chip-on-color-dark-accent: var(--color-accent-primary-50);
  --border-chip-on-color-muted-brand: var(--color-brand-300);
  --border-chip-on-color-muted-supporting: var(--color-supporting-400);
  --border-chip-on-color-muted-accent: var(--color-accent-primary-500);
  --border-table-default: var(--color-general-rich-black);
  --border-table-secondary: var(--color-brand-600);
  --border-table-on-color-bright-default: var(--color-gray-900);
  --border-table-on-color-bright-secondary: var(--color-gray-900);
  --border-table-on-color-dark-default: var(--color-general-off-white);
  --border-table-on-color-dark-secondary: var(--color-general-off-white);
  --border-table-on-color-muted-default: var(--color-gray-900);
  --border-table-on-color-muted-secondary: var(--color-gray-900);
  --typography-heading-on-color-dark-default: var(--color-general-off-white);
  --typography-heading-on-color-dark-secondary: var(--color-general-off-white);
  --typography-heading-on-color-dark-highlight: var(--color-general-off-white);
  --typography-heading-on-color-muted-default: var(--color-brand-600);
  --typography-heading-on-color-muted-secondary: var(--color-brand-600);
  --typography-heading-on-color-muted-highlight: var(--color-brand-600);
  --typography-subheading-default: var(--color-gray-900);
  --typography-subheading-secondary: var(--color-gray-900);
  --typography-subheading-highlight: var(--color-brand-600);
  --typography-subheading-on-color-bright-default: var(--color-gray-900);
  --typography-subheading-on-color-bright-secondary: var(--color-gray-900);
  --typography-subheading-on-color-bright-highlight: var(--color-gray-900);
  --typography-subheading-on-color-dark-default: var(--color-general-off-white);
  --typography-subheading-on-color-dark-secondary: var(--color-general-off-white);
  --typography-subheading-on-color-dark-highlight: var(--color-general-off-white);
  --typography-subheading-on-color-muted-default: var(--color-brand-600);
  --typography-subheading-on-color-muted-secondary: var(--color-brand-600);
  --typography-subheading-on-color-muted-highlight: var(--color-brand-600);
  --typography-tooltip-default: var(--color-gray-600);
  --typography-tooltip-brand: var(--color-brand-200);
  --typography-tooltip-supporting: var(--color-supporting-200);
  --typography-tooltip-accent: var(--color-accent-primary-500);
  --typography-tooltip-on-color-bright-brand: var(--color-brand-100);
  --typography-tooltip-on-color-bright-supporting: var(--color-supporting-200);
  --typography-tooltip-on-color-bright-accent: var(--color-accent-primary-200);
  --typography-tooltip-on-color-dark-brand: var(--color-gray-900);
  --typography-tooltip-on-color-dark-supporting: var(--color-gray-900);
  --typography-tooltip-on-color-dark-accent: var(--color-accent-primary-900);
  --typography-tooltip-on-color-muted-brand: var(--color-brand-100);
  --typography-tooltip-on-color-muted-supporting: var(--color-supporting-200);
  --typography-tooltip-on-color-muted-accent: var(--color-accent-primary-200);
  --surface-overlay-banner: var(--color-general-overlay);
  --surface-overlay-card: var(--color-general-overlay);
  --surface-overlay-image: var(--color-general-overlay);
  --typography-button-on-color-bright-text: var(--color-gray-900);
  --typography-button-on-color-bright-outline: var(--color-gray-900);
  --typography-button-on-color-bright-filled-default: var(--color-gray-200);
  --typography-button-on-color-bright-filled-secondary: var(--color-gray-200);
  --typography-button-on-color-dark-text: var(--color-general-off-white);
  --typography-button-on-color-dark-outline: var(--color-general-off-white);
  --typography-button-on-color-dark-filled-default: var(--color-gray-900);
  --typography-button-on-color-dark-filled-secondary: var(--color-gray-900);
  --typography-button-on-color-muted-text: var(--color-gray-900);
  --typography-button-on-color-muted-outline: var(--color-gray-900);
  --typography-button-on-color-muted-filled-default: var(--color-gray-200);
  --typography-button-on-color-muted-filled-secondary: var(--color-gray-200);
  --asset-progress-bar-incomplete-bright-brand: var(--color-brand-50);
  --asset-progress-bar-incomplete-bright-supporting: var(--color-supporting-100);
  --asset-progress-bar-incomplete-bright-accent: var(--color-accent-primary-200);
  --asset-progress-bar-incomplete-dark-brand: var(--color-brand-50);
  --asset-progress-bar-incomplete-dark-supporting: var(--color-supporting-100);
  --asset-progress-bar-incomplete-dark-accent: var(--color-accent-primary-200);
  --asset-progress-bar-incomplete-muted-brand: var(--color-brand-50);
  --asset-progress-bar-incomplete-muted-supporting: var(--color-supporting-50);
  --asset-progress-bar-incomplete-muted-accent: var(--color-accent-primary-50);
  --surface-status-bar-error-secondary: var(--color-status-error-50);
  --surface-status-bar-warning-secondary: var(--color-status-warning-50);
  --surface-status-bar-info-secondary: var(--color-status-info-50);
  --surface-status-bar-success-secondary: var(--color-status-success-50);
  --typography-navigation-action-transparent-background: var(--color-gray-900);
  --typography-code-default: var(--color-gray-800);
  --typography-code-on-color-bright-default: var(--color-gray-900);
  --typography-code-on-color-dark-default: var(--color-general-off-white);
  --typography-code-on-color-muted-default: var(--color-brand-600);
  --border-tab-on-color-bright-active: var(--color-gray-900);
  --border-tab-on-color-bright-inactive: var(--color-gray-900);
  --border-tab-on-color-dark-active: var(--color-general-off-white);
  --border-tab-on-color-dark-inactive: var(--color-general-off-white);
  --border-tab-on-color-muted-active: var(--color-gray-900);
  --border-tab-on-color-muted-inactive: var(--color-gray-900);
  --effect-shadow-small-opacity: var(--effect-opacity-10);
  --effect-shadow-medium-opacity: var(--effect-opacity-10);
  --effect-shadow-large-opacity: var(--effect-opacity-10);
  --surface-form-field-default: var(--color-general-white);
  --surface-form-field-state-disabled: var(--color-gray-50);
  --surface-form-field-on-color-bright-default: var(--color-general-white);
  --surface-form-field-on-color-bright-state-disabled: var(--color-gray-50);
  --surface-form-field-on-color-muted-default: var(--color-general-white);
  --surface-form-field-on-color-muted-state-disabled: var(--color-gray-300);
  --surface-form-field-on-color-dark-default: var(--color-general-subtle-brand);
  --surface-form-field-on-color-dark-state-disabled: var(--color-general-off-white);
  --typography-button-filled-state-hover: var(--color-general-white);
  --typography-button-filled-state-focus: var(--color-general-white);
  --typography-button-filled-state-pressed: var(--color-general-white);
  --typography-button-filled-state-selected: var(--color-general-white);
  --typography-button-filled-state-disabled: var(--color-gray-200);
  --typography-button-on-color-bright-filled-state-hover: var(--color-gray-200);
  --typography-button-on-color-bright-filled-state-focus: var(--color-gray-900);
  --typography-button-on-color-bright-filled-state-pressed: var(--color-gray-900);
  --typography-button-on-color-bright-filled-state-selected: var(--color-gray-900);
  --typography-button-on-color-bright-filled-state-disabled: var(--color-gray-200);
  --typography-button-on-color-dark-filled-state-hover: var(--color-gray-300);
  --typography-button-on-color-dark-filled-state-focus: var(--color-gray-900);
  --typography-button-on-color-dark-filled-state-pressed: var(--color-gray-900);
  --typography-button-on-color-dark-filled-state-selected: var(--color-gray-900);
  --typography-button-on-color-dark-filled-state-disabled: var(--color-gray-900);
  --typography-button-on-color-muted-filled-state-hover: var(--color-gray-200);
  --typography-button-on-color-muted-filled-state-focus: var(--color-gray-900);
  --typography-button-on-color-muted-filled-state-pressed: var(--color-gray-900);
  --typography-button-on-color-muted-filled-state-selected: var(--color-gray-900);
  --typography-button-on-color-muted-filled-state-disabled: var(--color-gray-200);
  --surface-list-item-default: var(--color-general-white);
  --typography-list-item-default: var(--color-gray-900);
  --surface-list-item-state-hover: var(--color-gray-50);
  --typography-list-item-state-hover: var(--color-gray-900);
  --surface-list-item-state-focus: var(--color-gray-50);
  --typography-list-item-state-focus: var(--color-gray-900);
  --surface-list-item-state-pressed: var(--color-gray-200);
  --typography-list-item-state-pressed: var(--color-gray-900);
  --surface-list-item-state-selected: var(--color-brand-50);
  --typography-list-item-state-selected: var(--color-brand-600);
  --surface-list-item-state-disabled: var(--color-general-white);
  --typography-list-item-state-disabled: var(--color-gray-400);
  --border-form-field-on-color-bright-default: var(--color-gray-900);
  --border-form-field-on-color-bright-state-hover: var(--color-gray-900);
  --border-form-field-on-color-bright-state-focus: var(--color-gray-900);
  --border-form-field-on-color-bright-state-disabled: var(--color-gray-900);
  --border-form-field-on-color-bright-state-pressed: var(--color-gray-900);
  --border-form-field-on-color-bright-state-selected: var(--color-gray-900);
  --border-status-bar-error-on-color-bright-default: var(--color-gray-900);
  --border-status-bar-warning-on-color-bright-default: var(--color-gray-900);
  --border-status-bar-info-on-color-bright-default: var(--color-gray-900);
  --border-status-bar-success-on-color-bright-default: var(--color-gray-900);
  --border-form-field-on-color-dark-default: var(--color-general-off-white);
  --border-form-field-on-color-dark-state-hover: var(--color-general-off-white);
  --border-form-field-on-color-dark-state-focus: var(--color-general-off-white);
  --border-form-field-on-color-dark-state-disabled: var(--color-general-off-white);
  --border-form-field-on-color-dark-state-pressed: var(--color-general-off-white);
  --border-form-field-on-color-dark-state-selected: var(--color-general-off-white);
  --border-status-bar-error-on-color-dark-default: var(--color-status-error-50);
  --border-status-bar-warning-on-color-dark-default: var(--color-status-warning-50);
  --border-status-bar-info-on-color-dark-default: var(--color-status-info-50);
  --border-status-bar-success-on-color-dark-default: var(--color-status-success-50);
  --border-form-field-on-color-muted-default: var(--color-gray-900);
  --border-form-field-on-color-muted-state-hover: var(--color-gray-900);
  --border-form-field-on-color-muted-state-focus: var(--color-gray-900);
  --border-form-field-on-color-muted-state-disabled: var(--color-gray-900);
  --border-form-field-on-color-muted-state-pressed: var(--color-gray-900);
  --border-form-field-on-color-muted-state-selected: var(--color-gray-900);
  --border-status-bar-error-on-color-muted-default: var(--color-status-error-500);
  --border-status-bar-warning-on-color-muted-default: var(--color-status-warning-500);
  --border-status-bar-info-on-color-muted-default: var(--color-status-info-500);
  --border-status-bar-success-on-color-muted-default: var(--color-status-success-500);
  --typography-chip-filled-default: var(--color-general-off-white);
  --typography-chip-filled-brand: var(--color-gray-900);
  --typography-chip-filled-supporting: var(--color-gray-900);
  --typography-chip-filled-accent: var(--color-gray-900);
  --typography-chip-on-color-bright-filled-brand: var(--color-general-off-white);
  --typography-chip-on-color-bright-filled-supporting: var(--color-gray-900);
  --typography-chip-on-color-bright-filled-accent: var(--color-general-off-white);
  --typography-chip-on-color-dark-filled-brand: var(--color-gray-900);
  --typography-chip-on-color-dark-filled-supporting: var(--color-gray-900);
  --typography-chip-on-color-dark-filled-accent: var(--color-gray-900);
  --typography-chip-on-color-muted-filled-brand: var(--color-gray-900);
  --typography-chip-on-color-muted-filled-supporting: var(--color-gray-900);
  --typography-chip-on-color-muted-filled-accent: var(--color-gray-900);
  --surface-navigation-dropdown-accent-start: var(--surface-button-fill-start);
  --surface-navigation-dropdown-accent-end: var(--surface-button-fill-end);
  --fill-background-default: linear-gradient(135deg, var(--surface-background-fill-start) 0%, var(--surface-background-fill-end) 100%);
  --fill-background-color-block-bright: linear-gradient(135deg, var(--surface-background-color-block-bright-fill-start) 0%, var(--surface-background-color-block-bright-fill-end) 100%);
  --fill-background-color-block-dark: linear-gradient(180deg, var(--surface-background-color-block-dark-fill-start) 0%, var(--surface-background-color-block-dark-fill-end) 100%);
  --fill-background-color-block-muted: linear-gradient(180deg, var(--surface-background-color-block-muted-fill-start) 0%, var(--surface-background-color-block-muted-fill-end) 100%);
  --fill-button-default: linear-gradient(135deg, var(--surface-button-fill-start) 0%, var(--surface-button-fill-end) 100%);
  --fill-button-on-color-bright: linear-gradient(135deg, var(--surface-button-on-color-bright-fill-start) 0%, var(--surface-button-on-color-bright-fill-end) 100%);
  --fill-button-on-color-dark: linear-gradient(135deg, var(--surface-button-on-color-dark-fill-start) 0%, var(--surface-button-on-color-dark-fill-end) 100%);
  --fill-button-on-color-muted: linear-gradient(135deg, var(--surface-button-on-color-muted-fill-start) 0%, var(--surface-button-on-color-muted-fill-end) 100%);
  --fill-icon-container-default: linear-gradient(90deg, var(--surface-icon-container-fill-start) 0%, var(--surface-icon-container-fill-end) 100%);
  --fill-icon-container-on-color-bright: linear-gradient(90deg, var(--surface-icon-container-color-block-bright-fill-start) 0%, var(--surface-icon-container-color-block-bright-fill-end) 100%);
  --fill-icon-container-on-color-dark: linear-gradient(90deg, var(--surface-icon-container-color-block-dark-fill-start) 0%, var(--surface-icon-container-color-block-dark-fill-end) 100%);
  --fill-icon-container-on-color-muted: linear-gradient(90deg, var(--surface-icon-container-color-block-muted-fill-start) 0%, var(--surface-icon-container-color-block-muted-fill-end) 100%);
  --fill-navigation-dropdown-accent: linear-gradient(90deg, var(--surface-navigation-dropdown-accent-start) 0%, var(--surface-navigation-dropdown-accent-end) 100%);
}
[data-brand="sample-realestate"][data-color-mode="dark"] {
  --asset-infographic-default: var(--color-general-white);
  --asset-infographic-brand: var(--color-brand-200);
  --asset-infographic-supporting: var(--color-supporting-200);
  --asset-infographic-accent: var(--color-accent-primary-500);
  --asset-infographic-bright-default: var(--color-general-white);
  --asset-infographic-bright-brand: var(--color-brand-200);
  --asset-infographic-bright-supporting: var(--color-supporting-200);
  --asset-infographic-bright-accent: var(--color-accent-primary-500);
  --asset-infographic-dark-default: var(--color-general-white);
  --asset-infographic-dark-brand: var(--color-brand-200);
  --asset-infographic-dark-supporting: var(--color-supporting-200);
  --asset-infographic-dark-accent: var(--color-accent-primary-500);
  --asset-infographic-muted-default: var(--color-general-white);
  --asset-infographic-muted-brand: var(--color-brand-50);
  --asset-infographic-muted-supporting: var(--color-supporting-50);
  --asset-infographic-muted-accent: var(--color-accent-primary-50);
  --asset-infographic-on-color-bright-default: var(--color-gray-900);
  --asset-infographic-on-color-bright-brand: var(--color-brand-600);
  --asset-infographic-on-color-bright-supporting: var(--color-gray-900);
  --asset-infographic-on-color-bright-accent: var(--color-accent-primary-900);
  --asset-infographic-on-color-dark-default: var(--color-general-white);
  --asset-infographic-on-color-dark-brand: var(--color-brand-200);
  --asset-infographic-on-color-dark-supporting: var(--color-supporting-200);
  --asset-infographic-on-color-dark-accent: var(--color-accent-primary-300);
  --asset-infographic-on-color-muted-default: var(--asset-infographic-default);
  --asset-infographic-on-color-muted-brand: var(--asset-infographic-brand);
  --asset-infographic-on-color-muted-supporting: var(--asset-infographic-supporting);
  --asset-infographic-on-color-muted-accent: var(--asset-infographic-accent);
  --asset-checkbox-default: var(--color-supporting-200);
  --asset-checkbox-brand: var(--color-brand-200);
  --asset-checkbox-supporting: var(--color-supporting-200);
  --asset-checkbox-accent: var(--color-accent-primary-300);
  --asset-checkbox-error: var(--color-status-error-200);
  --asset-checkbox-state-hover: var(--color-accent-primary-300);
  --asset-checkbox-state-focus: var(--color-accent-primary-300);
  --asset-checkbox-state-disabled: var(--color-gray-400);
  --asset-checkbox-state-pressed: var(--color-accent-primary-300);
  --asset-checkbox-state-selected: var(--color-accent-primary-300);
  --asset-divider-default: var(--color-general-white);
  --asset-divider-bright-brand: var(--color-brand-200);
  --asset-divider-bright-supporting: var(--color-supporting-200);
  --asset-divider-bright-accent: var(--color-accent-primary-500);
  --asset-divider-dark-brand: var(--color-brand-200);
  --asset-divider-dark-supporting: var(--color-supporting-200);
  --asset-divider-dark-accent: var(--color-accent-primary-500);
  --asset-divider-muted-brand: var(--color-brand-50);
  --asset-divider-muted-supporting: var(--color-supporting-50);
  --asset-divider-muted-accent: var(--color-accent-primary-50);
  --asset-icon-default: var(--color-brand-200);
  --asset-icon-brand: var(--color-brand-200);
  --asset-icon-supporting: var(--color-supporting-200);
  --asset-icon-accent: var(--color-accent-primary-300);
  --asset-icon-transparent-background: var(--color-general-off-white);
  --asset-logo-brandmark-default: var(--color-general-off-white);
  --asset-logo-brandmark-secondary: var(--color-general-off-white);
  --asset-logo-wordmark-default: var(--color-general-off-white);
  --asset-logo-wordmark-secondary: var(--color-general-off-white);
  --asset-radio-button-default: var(--color-supporting-200);
  --asset-radio-button-brand: var(--color-brand-200);
  --asset-radio-button-supporting: var(--color-supporting-200);
  --asset-radio-button-accent: var(--color-accent-primary-300);
  --asset-radio-button-error: var(--color-status-error-200);
  --asset-radio-button-state-hover: var(--color-accent-primary-300);
  --asset-radio-button-state-focus: var(--color-accent-primary-300);
  --asset-radio-button-state-disabled: var(--color-gray-400);
  --asset-radio-button-state-pressed: var(--color-accent-primary-300);
  --asset-radio-button-state-selected: var(--color-accent-primary-300);
  --border-button-on-color-bright-default: var(--color-brand-600);
  --border-button-on-color-bright-secondary: var(--color-brand-600);
  --border-button-on-color-dark-default: var(--color-brand-200);
  --border-button-default: var(--surface-button-default);
  --border-button-on-color-dark-secondary: var(--color-brand-200);
  --border-button-on-color-muted-default: var(--border-button-default);
  --border-button-on-color-muted-secondary: var(--border-button-secondary);
  --border-button-secondary: var(--surface-button-secondary);
  --border-chip-default: var(--color-gray-300);
  --border-chip-on-color-bright-default: var(--typography-heading-on-color-bright-default);
  --border-chip-on-color-dark-default: var(--typography-heading-on-color-dark-default);
  --border-chip-on-color-muted-default: var(--border-chip-default);
  --border-chip-brand: var(--color-brand-200);
  --border-chip-supporting: var(--color-supporting-200);
  --border-chip-accent: var(--color-accent-primary-300);
  --border-chip-on-color-bright-brand: var(--color-brand-600);
  --border-chip-on-color-bright-supporting: var(--color-gray-900);
  --border-chip-on-color-bright-accent: var(--color-accent-primary-900);
  --border-form-field-default: var(--color-gray-200);
  --border-form-field-state-hover: var(--color-gray-200);
  --border-form-field-state-focus: var(--color-gray-200);
  --border-form-field-state-disabled: var(--color-general-border-light);
  --border-form-field-state-pressed: var(--color-gray-200);
  --border-form-field-state-selected: var(--color-gray-200);
  --border-form-field-on-color-default: var(--color-general-border-dark);
  --border-form-field-on-color-state-hover: var(--color-general-border-dark);
  --border-form-field-on-color-state-focus: var(--color-general-border-dark);
  --border-form-field-on-color-state-disabled: var(--color-general-border-dark);
  --border-form-field-on-color-state-pressed: var(--color-general-border-dark);
  --border-form-field-on-color-state-selected: var(--color-general-border-dark);
  --border-status-bar-error-default: var(--color-status-error-400);
  --border-status-bar-error-on-color-default: var(--color-status-error-50);
  --border-status-bar-warning-default: var(--color-status-warning-400);
  --border-status-bar-warning-on-color-default: var(--color-status-warning-50);
  --border-status-bar-info-default: var(--color-status-info-400);
  --border-status-bar-info-on-color-default: var(--color-status-info-50);
  --border-status-bar-success-default: var(--color-status-success-400);
  --border-status-bar-success-on-color-default: var(--color-status-success-50);
  --border-tab-active: var(--color-general-border-light);
  --border-tab-inactive: var(--color-general-border-light);
  --border-tab-on-color-default: var(--color-general-border-dark);
  --border-tab-on-color-secondary: var(--color-general-border-dark);
  --surface-card-default: var(--color-general-subtle-brand);
  --surface-card-secondary: var(--color-brand-200);
  --surface-card-state-hover: var(--color-gray-900);
  --surface-card-state-focus: var(--color-gray-900);
  --surface-card-state-disabled: var(--color-gray-500);
  --surface-card-state-pressed: var(--color-gray-800);
  --surface-card-state-selected: var(--color-gray-800);
  --surface-button-default: var(--color-general-white);
  --surface-button-secondary: var(--color-brand-200);
  --surface-button-fill-start: var(--surface-button-default);
  --surface-button-fill-end: var(--surface-button-default);
  --surface-button-state-hover: var(--color-gray-50);
  --surface-button-state-focus: var(--color-gray-50);
  --surface-button-state-disabled: var(--color-gray-500);
  --surface-button-state-pressed: var(--color-gray-200);
  --surface-button-state-selected: var(--color-gray-200);
  --surface-button-on-color-bright-secondary: var(--color-brand-500);
  --surface-button-on-color-bright-default: var(--color-general-white);
  --surface-button-on-color-bright-fill-start: var(--surface-button-on-color-bright-default);
  --surface-button-on-color-bright-fill-end: var(--surface-button-on-color-bright-default);
  --surface-button-on-color-bright-state-hover: var(--color-accent-primary-900);
  --surface-button-on-color-bright-state-focus: var(--color-brand-50);
  --surface-button-on-color-bright-state-disabled: var(--color-gray-500);
  --surface-button-on-color-bright-state-pressed: var(--color-supporting-100);
  --surface-button-on-color-bright-state-selected: var(--color-supporting-100);
  --surface-button-on-color-muted-secondary: var(--surface-button-secondary);
  --surface-button-on-color-muted-default: var(--surface-button-default);
  --surface-button-on-color-muted-fill-start: var(--surface-button-fill-start);
  --surface-button-on-color-muted-fill-end: var(--surface-button-fill-end);
  --surface-button-on-color-muted-state-hover: var(--surface-button-state-hover);
  --surface-button-on-color-muted-state-focus: var(--surface-button-state-focus);
  --surface-button-on-color-muted-state-disabled: var(--surface-button-state-disabled);
  --surface-button-on-color-muted-state-pressed: var(--surface-button-state-pressed);
  --surface-button-on-color-muted-state-selected: var(--surface-button-state-selected);
  --surface-button-on-color-dark-secondary: var(--color-brand-200);
  --surface-button-on-color-dark-default: var(--color-general-white);
  --surface-button-on-color-dark-fill-start: var(--surface-button-on-color-dark-default);
  --surface-button-on-color-dark-fill-end: var(--surface-button-on-color-dark-default);
  --surface-button-on-color-dark-state-hover: var(--color-accent-primary-700);
  --surface-button-on-color-dark-state-focus: var(--color-brand-200);
  --surface-button-on-color-dark-state-disabled: var(--color-gray-500);
  --surface-button-on-color-dark-state-pressed: var(--color-supporting-200);
  --surface-button-on-color-dark-state-selected: var(--color-supporting-200);
  --surface-chip-default: var(--color-gray-300);
  --surface-chip-brand: var(--color-brand-200);
  --surface-chip-supporting: var(--color-supporting-200);
  --surface-chip-accent: var(--color-accent-primary-900);
  --surface-chip-on-color-bright-brand: var(--color-brand-500);
  --surface-chip-on-color-bright-supporting: var(--color-supporting-100);
  --surface-chip-on-color-bright-accent: var(--color-accent-primary-700);
  --surface-chip-on-color-dark-brand: var(--color-brand-200);
  --surface-chip-on-color-dark-supporting: var(--color-supporting-200);
  --surface-chip-on-color-dark-accent: var(--color-accent-primary-300);
  --surface-chip-on-color-muted-brand: var(--surface-chip-brand);
  --surface-chip-on-color-muted-supporting: var(--surface-chip-supporting);
  --surface-chip-on-color-muted-accent: var(--surface-chip-accent);
  --surface-tab-default: var(--color-general-subtle-brand);
  --surface-tab-secondary: var(--color-brand-200);
  --surface-tab-state-hover: var(--color-gray-900);
  --surface-tab-state-focus: var(--color-gray-900);
  --surface-tab-state-disabled: var(--color-gray-500);
  --surface-tab-state-pressed: var(--color-gray-800);
  --surface-tab-state-selected: var(--color-gray-800);
  --surface-tooltip-default: #ffffff00;
  --surface-tooltip-secondary: #ffffff00;
  --surface-tooltip-on-color-bright-default: var(--color-brand-600);
  --surface-tooltip-on-color-bright-secondary: var(--color-brand-600);
  --surface-tooltip-on-color-muted-default: var(--surface-tooltip-default);
  --surface-tooltip-on-color-muted-secondary: var(--surface-tooltip-secondary);
  --surface-tooltip-on-color-dark-default: var(--color-brand-500);
  --surface-tooltip-on-color-dark-secondary: var(--color-brand-500);
  --typography-action-default: var(--color-brand-100);
  --typography-action-on-overlay: var(--color-brand-50);
  --typography-action-transparent-background: var(--color-general-off-white);
  --typography-action-state-hover: var(--color-accent-primary-200);
  --typography-action-state-focus: var(--color-brand-100);
  --typography-action-state-disabled: var(--color-gray-500);
  --typography-action-state-pressed: var(--color-supporting-200);
  --typography-action-state-selected: var(--color-brand-100);
  --typography-action-on-color-bright-default: var(--color-gray-900);
  --typography-action-on-color-bright-transparent-background: var(--color-gray-900);
  --typography-action-on-color-bright-state-hover: var(--color-accent-primary-900);
  --typography-action-on-color-bright-state-focus: var(--color-accent-primary-900);
  --typography-action-on-color-bright-state-disabled: var(--color-general-gray-navy);
  --typography-action-on-color-bright-state-pressed: var(--color-general-gray-navy);
  --typography-action-on-color-bright-state-selected: var(--color-accent-primary-900);
  --typography-action-on-color-dark-default: var(--color-brand-100);
  --typography-action-on-color-dark-transparent-background: var(--color-brand-100);
  --typography-action-on-color-dark-state-hover: var(--color-accent-primary-200);
  --typography-action-on-color-dark-state-focus: var(--color-accent-primary-200);
  --typography-action-on-color-dark-state-disabled: var(--color-general-off-white);
  --typography-action-on-color-dark-state-pressed: var(--color-general-off-white);
  --typography-action-on-color-dark-state-selected: var(--color-accent-primary-200);
  --typography-action-on-color-muted-default: var(--typography-action-default);
  --typography-action-on-color-muted-transparent-background: var(--typography-action-transparent-background);
  --typography-action-on-color-muted-state-hover: var(--typography-action-state-hover);
  --typography-action-on-color-muted-state-focus: var(--typography-action-state-focus);
  --typography-action-on-color-muted-state-disabled: var(--typography-action-state-disabled);
  --typography-action-on-color-muted-state-pressed: var(--typography-action-state-pressed);
  --typography-action-on-color-muted-state-selected: var(--typography-action-state-selected);
  --typography-chip-default: var(--color-gray-200);
  --typography-chip-on-color-bright-default: var(--typography-heading-on-color-bright-default);
  --typography-chip-on-color-dark-default: var(--typography-heading-on-color-dark-default);
  --typography-chip-on-color-muted-default: var(--typography-chip-default);
  --typography-chip-brand: var(--color-brand-100);
  --typography-chip-supporting: var(--color-supporting-200);
  --typography-chip-accent: var(--color-accent-primary-200);
  --typography-chip-on-color-bright-brand: var(--color-gray-900);
  --typography-chip-on-color-bright-supporting: var(--color-gray-900);
  --typography-chip-on-color-bright-accent: var(--color-accent-primary-900);
  --typography-chip-on-color-dark-brand: var(--color-brand-100);
  --typography-chip-on-color-dark-supporting: var(--color-supporting-200);
  --typography-chip-on-color-dark-accent: var(--color-accent-primary-200);
  --typography-chip-on-color-muted-brand: var(--typography-chip-brand);
  --typography-chip-on-color-muted-supporting: var(--typography-chip-supporting);
  --typography-chip-on-color-muted-accent: var(--typography-chip-accent);
  --typography-eyebrow-default: var(--color-accent-primary-200);
  --typography-eyebrow-secondary: var(--color-supporting-200);
  --typography-eyebrow-on-color-bright-default: var(--color-gray-900);
  --typography-eyebrow-on-color-bright-secondary: var(--color-gray-900);
  --typography-eyebrow-on-color-dark-default: var(--color-brand-100);
  --typography-eyebrow-on-color-muted-default: var(--typography-eyebrow-default);
  --typography-eyebrow-on-color-muted-secondary: var(--typography-eyebrow-secondary);
  --typography-eyebrow-on-color-dark-secondary: var(--color-brand-100);
  --typography-navigation-action-state-hover: var(--color-accent-primary-200);
  --typography-navigation-action-state-focus: var(--color-brand-100);
  --typography-navigation-action-state-disabled: var(--color-gray-500);
  --typography-navigation-action-state-pressed: var(--color-supporting-200);
  --typography-navigation-action-state-selected: var(--color-supporting-200);
  --typography-navigation-action-on-color-bright-default: var(--color-gray-900);
  --typography-navigation-action-on-color-bright-transparent-background: var(--color-gray-900);
  --typography-navigation-action-on-color-bright-state-hover: var(--color-accent-primary-900);
  --typography-navigation-action-on-color-bright-state-focus: var(--color-accent-primary-900);
  --typography-navigation-action-on-color-bright-state-disabled: var(--color-general-gray-navy);
  --typography-navigation-action-on-color-bright-state-pressed: var(--color-general-gray-navy);
  --typography-navigation-action-on-color-bright-state-selected: var(--color-accent-primary-900);
  --typography-navigation-action-on-color-dark-default: var(--color-brand-100);
  --typography-navigation-action-on-color-dark-transparent-background: var(--color-brand-100);
  --typography-navigation-action-on-color-dark-state-hover: var(--color-accent-primary-200);
  --typography-navigation-action-on-color-dark-state-focus: var(--color-accent-primary-200);
  --typography-navigation-action-on-color-dark-state-disabled: var(--color-general-off-white);
  --typography-navigation-action-on-color-dark-state-pressed: var(--color-general-off-white);
  --typography-navigation-action-on-color-dark-state-selected: var(--color-accent-primary-200);
  --typography-navigation-action-on-color-muted-default: var(--typography-navigation-action-default);
  --typography-navigation-action-on-color-muted-transparent-background: var(--typography-navigation-action-transparent-background);
  --typography-navigation-action-on-color-muted-state-hover: var(--typography-navigation-action-state-hover);
  --typography-navigation-action-on-color-muted-state-focus: var(--typography-navigation-action-state-focus);
  --typography-navigation-action-on-color-muted-state-disabled: var(--typography-navigation-action-state-disabled);
  --typography-navigation-action-on-color-muted-state-pressed: var(--typography-navigation-action-state-pressed);
  --typography-navigation-action-on-color-muted-state-selected: var(--typography-navigation-action-state-selected);
  --typography-label-default: var(--color-gray-200);
  --typography-label-secondary: var(--color-supporting-200);
  --typography-label-on-color-bright-default: var(--color-gray-900);
  --typography-label-on-color-bright-secondary: var(--color-gray-900);
  --typography-label-on-color-dark-default: var(--color-brand-100);
  --typography-label-on-color-dark-secondary: var(--color-brand-100);
  --typography-label-on-color-muted-default: var(--typography-label-default);
  --typography-label-on-color-muted-secondary: var(--typography-label-secondary);
  --typography-quote-default: var(--color-accent-primary-200);
  --typography-quote-highlight: var(--color-supporting-200);
  --typography-quote-on-color-bright-default: var(--color-gray-900);
  --typography-quote-on-color-bright-highlight: var(--color-gray-900);
  --typography-quote-on-color-dark-default: var(--color-brand-100);
  --typography-quote-on-color-dark-highlight: var(--color-brand-100);
  --typography-quote-on-color-muted-default: var(--typography-quote-default);
  --typography-quote-on-color-muted-highlight: var(--typography-quote-highlight);
  --typography-heading-default: var(--color-general-off-white);
  --typography-heading-secondary: var(--color-gray-200);
  --typography-heading-highlight: var(--color-supporting-200);
  --typography-heading-on-color-bright-default: var(--color-gray-900);
  --typography-heading-on-color-bright-secondary: var(--color-gray-900);
  --typography-heading-on-color-bright-highlight: var(--color-gray-900);
  --typography-status-error-on-color-bright-default: var(--color-gray-900);
  --typography-status-error-default: var(--color-status-error-100);
  --typography-status-error-on-color-dark-default: var(--color-status-error-100);
  --typography-status-error-on-color-muted-default: var(--typography-status-error-default);
  --typography-status-warning-on-color-bright-default: var(--color-gray-900);
  --typography-status-warning-default: var(--color-general-rich-black);
  --typography-status-warning-on-color-dark-default: var(--color-gray-900);
  --typography-status-warning-on-color-muted-default: var(--typography-status-warning-default);
  --typography-status-info-default: var(--color-status-info-200);
  --typography-status-info-on-color-bright-default: var(--color-gray-900);
  --typography-status-info-on-color-dark-default: var(--color-status-info-100);
  --typography-status-info-on-color-muted-default: var(--typography-status-info-default);
  --typography-placeholder-default: var(--color-gray-200);
  --typography-placeholder-on-color-bright-default: var(--color-gray-900);
  --typography-placeholder-on-color-dark-default: var(--color-gray-200);
  --typography-placeholder-on-color-muted-default: var(--typography-placeholder-default);
  --typography-status-success-default: var(--color-status-success-200);
  --typography-status-success-on-color-bright-default: var(--color-gray-900);
  --typography-status-success-on-color-dark-default: var(--color-status-success-100);
  --typography-status-success-on-color-muted-default: var(--typography-status-success-default);
  --typography-body-default: var(--color-gray-200);
  --typography-body-on-color-bright-default: var(--color-gray-900);
  --typography-body-on-color-dark-default: var(--color-brand-100);
  --typography-body-on-color-muted-default: var(--typography-body-default);
  --typography-caption-default: var(--color-gray-200);
  --typography-caption-highlight: var(--color-supporting-200);
  --typography-caption-on-color-bright-default: var(--color-gray-900);
  --typography-caption-on-color-bright-highlight: var(--color-gray-900);
  --typography-caption-on-color-dark-default: var(--color-brand-100);
  --typography-caption-on-color-dark-highlight: var(--color-brand-100);
  --typography-caption-on-color-muted-default: var(--typography-caption-default);
  --typography-caption-on-color-muted-highlight: var(--typography-caption-highlight);
  --typography-navigation-action-default: var(--color-gray-200);
  --typography-navigation-action-secondary: var(--color-brand-100);
  --surface-background-page: var(--color-general-gray-navy);
  --surface-background-page-secondary: var(--color-general-subtle-brand);
  --surface-background-color-block-bright-fill-start: var(--color-brand-200);
  --surface-background-color-block-bright-fill-end: var(--color-accent-primary-300);
  --surface-background-fill-start: var(--color-general-gray-navy);
  --surface-background-fill-end: var(--color-general-subtle-brand);
  --surface-background-color-block-bright-default: var(--color-brand-200);
  --surface-background-color-block-dark-fill-start: var(--color-brand-600);
  --surface-background-color-block-dark-fill-end: var(--color-accent-primary-900);
  --surface-background-color-block-dark-default: var(--color-brand-600);
  --surface-background-color-block-muted-fill-start: var(--color-general-subtle-brand);
  --surface-background-color-block-muted-fill-end: var(--color-general-muted-navy);
  --surface-background-color-block-muted-default: var(--color-general-subtle-brand);
  --surface-icon-container-default: var(--color-general-subtle-brand);
  --surface-icon-container-secondary: var(--color-brand-200);
  --surface-icon-container-fill-start: var(--color-brand-200);
  --surface-icon-container-fill-end: var(--color-supporting-200);
  --surface-icon-container-color-block-bright-default: var(--color-brand-600);
  --surface-icon-container-color-block-bright-secondary: var(--color-brand-600);
  --surface-icon-container-color-block-bright-fill-start: var(--color-brand-200);
  --surface-icon-container-color-block-bright-fill-end: var(--color-supporting-200);
  --surface-icon-container-color-block-dark-default: var(--color-brand-600);
  --surface-icon-container-color-block-muted-default: var(--color-brand-600);
  --surface-icon-container-color-block-muted-secondary: var(--color-brand-600);
  --surface-icon-container-color-block-muted-fill-start: var(--color-brand-200);
  --surface-icon-container-color-block-muted-fill-end: var(--color-supporting-200);
  --surface-icon-container-color-block-dark-secondary: var(--color-brand-600);
  --surface-icon-container-color-block-dark-fill-start: var(--color-brand-200);
  --surface-icon-container-color-block-dark-fill-end: var(--color-supporting-200);
  --surface-overlay-preset-banner: var(--color-general-overlay);
  --surface-overlay-preset-card: var(--color-general-overlay);
  --surface-overlay-preset-image: var(--color-general-overlay);
  --surface-status-bar-error-default: var(--color-status-error-900);
  --surface-status-bar-error-state-hover: var(--color-status-error-800);
  --surface-status-bar-error-state-focus: var(--color-status-error-800);
  --surface-status-bar-error-state-disabled: var(--color-status-error-800);
  --surface-status-bar-error-state-pressed: var(--color-status-error-800);
  --surface-status-bar-error-state-selected: var(--color-status-error-800);
  --surface-status-bar-error-on-color-bright-default: var(--color-status-error-50);
  --surface-status-bar-error-on-color-bright-secondary: var(--color-status-error-50);
  --surface-status-bar-error-on-color-bright-state-hover: var(--color-accent-primary-900);
  --surface-status-bar-error-on-color-bright-state-focus: var(--color-accent-primary-900);
  --surface-status-bar-error-on-color-bright-state-disabled: var(--color-general-gray-navy);
  --surface-status-bar-error-on-color-bright-state-pressed: var(--color-general-gray-navy);
  --surface-status-bar-error-on-color-bright-state-selected: var(--color-accent-primary-900);
  --surface-status-bar-error-on-color-muted-default: var(--color-status-error-50);
  --surface-status-bar-error-on-color-muted-secondary: var(--color-status-error-50);
  --surface-status-bar-error-on-color-muted-state-hover: var(--color-accent-primary-900);
  --surface-status-bar-error-on-color-muted-state-focus: var(--color-accent-primary-900);
  --surface-status-bar-error-on-color-muted-state-disabled: var(--color-general-gray-navy);
  --surface-status-bar-error-on-color-muted-state-pressed: var(--color-general-gray-navy);
  --surface-status-bar-error-on-color-muted-state-selected: var(--color-accent-primary-900);
  --surface-status-bar-error-on-color-dark-default: var(--color-status-error-900);
  --surface-status-bar-error-on-color-dark-secondary: var(--color-status-error-900);
  --surface-status-bar-error-on-color-dark-state-hover: var(--color-accent-primary-700);
  --surface-status-bar-error-on-color-dark-state-focus: var(--color-accent-primary-700);
  --surface-status-bar-error-on-color-dark-state-disabled: var(--color-general-off-white);
  --surface-status-bar-error-on-color-dark-state-pressed: var(--color-general-off-white);
  --surface-status-bar-error-on-color-dark-state-selected: var(--color-accent-primary-700);
  --surface-status-bar-warning-on-color-bright-default: var(--color-status-warning-50);
  --surface-status-bar-warning-state-hover: var(--color-status-warning-800);
  --surface-status-bar-warning-on-color-bright-secondary: var(--color-status-warning-50);
  --surface-status-bar-warning-on-color-bright-state-hover: var(--color-accent-primary-900);
  --surface-status-bar-warning-default: var(--color-status-warning-900);
  --surface-status-bar-warning-state-focus: var(--color-status-warning-800);
  --surface-status-bar-warning-on-color-bright-state-focus: var(--color-accent-primary-900);
  --surface-status-bar-warning-state-disabled: var(--color-status-warning-800);
  --surface-status-bar-warning-on-color-bright-state-disabled: var(--color-general-gray-navy);
  --surface-status-bar-warning-state-pressed: var(--color-status-warning-800);
  --surface-status-bar-warning-on-color-bright-state-pressed: var(--color-general-gray-navy);
  --surface-status-bar-warning-state-selected: var(--color-status-warning-800);
  --surface-status-bar-warning-on-color-bright-state-selected: var(--color-accent-primary-900);
  --surface-status-bar-warning-on-color-muted-default: var(--color-status-warning-50);
  --surface-status-bar-warning-on-color-muted-secondary: var(--color-status-warning-50);
  --surface-status-bar-warning-on-color-muted-state-hover: var(--color-accent-primary-900);
  --surface-status-bar-warning-on-color-muted-state-focus: var(--color-accent-primary-900);
  --surface-status-bar-warning-on-color-muted-state-disabled: var(--color-general-gray-navy);
  --surface-status-bar-warning-on-color-muted-state-pressed: var(--color-general-gray-navy);
  --surface-status-bar-warning-on-color-muted-state-selected: var(--color-accent-primary-900);
  --surface-status-bar-warning-on-color-dark-default: var(--color-status-warning-50);
  --surface-status-bar-warning-on-color-dark-secondary: var(--color-status-warning-50);
  --surface-status-bar-warning-on-color-dark-state-hover: var(--color-accent-primary-700);
  --surface-status-bar-warning-on-color-dark-state-focus: var(--color-accent-primary-700);
  --surface-status-bar-warning-on-color-dark-state-disabled: var(--color-general-off-white);
  --surface-status-bar-warning-on-color-dark-state-pressed: var(--color-general-off-white);
  --surface-status-bar-warning-on-color-dark-state-selected: var(--color-accent-primary-700);
  --surface-status-bar-info-default: var(--color-status-info-900);
  --surface-status-bar-info-state-hover: var(--color-status-info-800);
  --surface-status-bar-info-state-focus: var(--color-status-info-800);
  --surface-status-bar-info-state-disabled: var(--color-status-info-800);
  --surface-status-bar-info-state-pressed: var(--color-status-info-800);
  --surface-status-bar-info-state-selected: var(--color-status-info-800);
  --surface-status-bar-info-on-color-bright-default: var(--color-status-info-50);
  --surface-status-bar-info-on-color-bright-secondary: var(--color-status-info-50);
  --surface-status-bar-info-on-color-bright-state-hover: var(--color-accent-primary-900);
  --surface-status-bar-info-on-color-bright-state-focus: var(--color-accent-primary-900);
  --surface-status-bar-info-on-color-bright-state-disabled: var(--color-general-gray-navy);
  --surface-status-bar-info-on-color-bright-state-pressed: var(--color-general-gray-navy);
  --surface-status-bar-info-on-color-bright-state-selected: var(--color-accent-primary-900);
  --surface-status-bar-info-on-color-muted-default: var(--color-status-info-50);
  --surface-status-bar-info-on-color-muted-secondary: var(--color-status-info-50);
  --surface-status-bar-info-on-color-muted-state-hover: var(--color-accent-primary-900);
  --surface-status-bar-info-on-color-muted-state-focus: var(--color-accent-primary-900);
  --surface-status-bar-info-on-color-muted-state-disabled: var(--color-general-gray-navy);
  --surface-status-bar-info-on-color-muted-state-pressed: var(--color-general-gray-navy);
  --surface-status-bar-info-on-color-muted-state-selected: var(--color-accent-primary-900);
  --surface-status-bar-info-on-color-dark-default: var(--color-status-info-900);
  --surface-status-bar-info-on-color-dark-secondary: var(--color-status-info-900);
  --surface-status-bar-info-on-color-dark-state-hover: var(--color-accent-primary-700);
  --surface-status-bar-info-on-color-dark-state-focus: var(--color-accent-primary-700);
  --surface-status-bar-info-on-color-dark-state-disabled: var(--color-general-off-white);
  --surface-status-bar-info-on-color-dark-state-pressed: var(--color-general-off-white);
  --surface-status-bar-info-on-color-dark-state-selected: var(--color-accent-primary-700);
  --surface-status-bar-success-default: var(--color-status-success-900);
  --surface-status-bar-success-state-hover: var(--color-status-success-800);
  --surface-status-bar-success-on-color-bright-default: var(--color-status-success-50);
  --surface-status-bar-success-on-color-bright-secondary: var(--color-status-success-50);
  --surface-status-bar-success-on-color-bright-state-hover: var(--color-accent-primary-900);
  --surface-status-bar-success-on-color-bright-state-focus: var(--color-accent-primary-900);
  --surface-status-bar-success-on-color-bright-state-disabled: var(--color-general-gray-navy);
  --surface-status-bar-success-on-color-bright-state-pressed: var(--color-general-gray-navy);
  --surface-status-bar-success-on-color-bright-state-selected: var(--color-accent-primary-900);
  --surface-status-bar-success-on-color-muted-default: var(--color-status-success-50);
  --surface-status-bar-success-on-color-muted-secondary: var(--color-status-success-50);
  --surface-status-bar-success-on-color-muted-state-hover: var(--color-accent-primary-900);
  --surface-status-bar-success-on-color-muted-state-focus: var(--color-accent-primary-900);
  --surface-status-bar-success-on-color-muted-state-disabled: var(--color-general-gray-navy);
  --surface-status-bar-success-on-color-muted-state-pressed: var(--color-general-gray-navy);
  --surface-status-bar-success-on-color-muted-state-selected: var(--color-accent-primary-900);
  --surface-status-bar-success-on-color-dark-default: var(--color-status-success-900);
  --surface-status-bar-success-on-color-dark-secondary: var(--color-status-success-900);
  --surface-status-bar-success-on-color-dark-state-hover: var(--color-accent-primary-700);
  --surface-status-bar-success-on-color-dark-state-focus: var(--color-accent-primary-700);
  --surface-status-bar-success-on-color-dark-state-disabled: var(--color-general-off-white);
  --surface-status-bar-success-on-color-dark-state-pressed: var(--color-general-off-white);
  --surface-status-bar-success-on-color-dark-state-selected: var(--color-accent-primary-700);
  --surface-status-bar-success-state-focus: var(--color-status-success-800);
  --surface-status-bar-success-state-disabled: var(--color-status-success-800);
  --surface-status-bar-success-state-pressed: var(--color-status-success-800);
  --surface-status-bar-success-state-selected: var(--color-status-success-800);
  --surface-navigation-default: var(--color-general-gray-navy);
  --surface-navigation-secondary: var(--color-general-subtle-brand);
  --asset-icon-on-color-bright-default: var(--color-accent-primary-900);
  --asset-icon-on-color-bright-brand: var(--color-accent-primary-900);
  --asset-icon-on-color-bright-supporting: var(--color-general-subtle-brand);
  --asset-icon-on-color-bright-accent: var(--color-general-subtle-brand);
  --asset-icon-on-color-dark-default: var(--color-accent-primary-300);
  --asset-icon-on-color-dark-brand: var(--color-accent-primary-300);
  --asset-icon-on-color-dark-supporting: var(--color-general-off-white);
  --asset-icon-on-color-dark-accent: var(--color-general-off-white);
  --asset-icon-on-color-muted-default: var(--asset-icon-default);
  --asset-icon-on-color-muted-brand: var(--asset-icon-brand);
  --asset-icon-on-color-muted-supporting: var(--asset-icon-supporting);
  --asset-icon-on-color-muted-accent: var(--asset-icon-accent);
  --asset-slider-default: var(--color-general-white);
  --asset-slider-bright-brand: var(--color-brand-200);
  --asset-slider-bright-supporting: var(--color-supporting-200);
  --asset-slider-bright-accent: var(--color-accent-primary-500);
  --asset-slider-dark-brand: var(--color-brand-200);
  --asset-slider-dark-supporting: var(--color-supporting-200);
  --asset-slider-dark-accent: var(--color-accent-primary-500);
  --asset-slider-muted-brand: var(--color-brand-50);
  --asset-slider-muted-supporting: var(--color-supporting-50);
  --asset-slider-muted-accent: var(--color-accent-primary-50);
  --asset-status-error-default: var(--color-status-error-200);
  --asset-status-error-on-color-bright-default: var(--color-gray-900);
  --asset-status-error-on-color-dark-default: var(--color-status-error-100);
  --asset-status-error-on-color-muted-default: var(--asset-status-error-default);
  --asset-status-warning-default: var(--color-status-warning-300);
  --asset-status-warning-on-color-bright-default: var(--color-gray-900);
  --asset-status-warning-on-color-dark-default: var(--color-status-warning-600);
  --asset-status-warning-on-color-muted-default: var(--asset-status-warning-default);
  --asset-status-info-default: var(--color-status-info-300);
  --asset-status-info-on-color-bright-default: var(--color-status-info-900);
  --asset-status-info-on-color-dark-default: var(--color-status-info-100);
  --asset-status-info-on-color-muted-default: var(--asset-status-info-default);
  --asset-status-success-default: var(--color-status-success-300);
  --asset-status-success-on-color-bright-default: var(--color-status-success-900);
  --asset-status-success-on-color-dark-default: var(--color-status-success-200);
  --asset-status-success-on-color-muted-default: var(--asset-status-success-default);
  --asset-statistic-default: var(--color-general-white);
  --asset-statistic-on-color-bright-default: var(--typography-heading-on-color-bright-default);
  --asset-statistic-on-color-dark-default: var(--typography-heading-on-color-dark-default);
  --asset-statistic-on-color-muted-default: var(--asset-statistic-default);
  --asset-statistic-bright-brand: var(--color-brand-200);
  --asset-statistic-bright-supporting: var(--color-supporting-200);
  --asset-statistic-bright-accent: var(--color-accent-primary-500);
  --asset-statistic-dark-brand: var(--color-brand-200);
  --asset-statistic-dark-supporting: var(--color-supporting-200);
  --asset-statistic-dark-accent: var(--color-accent-primary-500);
  --asset-statistic-muted-brand: var(--color-brand-50);
  --asset-statistic-muted-supporting: var(--color-supporting-50);
  --asset-statistic-muted-accent: var(--color-accent-primary-50);
  --border-card-default: var(--color-general-border-light);
  --border-card-secondary: var(--color-brand-600);
  --border-card-on-color-bright-default: var(--color-gray-900);
  --border-card-on-color-bright-secondary: var(--color-gray-900);
  --border-card-on-color-dark-default: var(--color-general-off-white);
  --border-card-on-color-dark-secondary: var(--color-general-off-white);
  --border-card-on-color-muted-default: var(--border-card-default);
  --border-card-on-color-muted-secondary: var(--border-card-secondary);
  --border-chip-on-color-dark-brand: var(--color-brand-200);
  --border-chip-on-color-dark-supporting: var(--color-supporting-200);
  --border-chip-on-color-dark-accent: var(--color-accent-primary-300);
  --border-chip-on-color-muted-brand: var(--border-chip-brand);
  --border-chip-on-color-muted-supporting: var(--border-chip-supporting);
  --border-chip-on-color-muted-accent: var(--border-chip-accent);
  --border-table-default: var(--color-gray-50);
  --border-table-secondary: var(--color-brand-600);
  --border-table-on-color-bright-default: var(--color-gray-900);
  --border-table-on-color-bright-secondary: var(--color-gray-900);
  --border-table-on-color-dark-default: var(--color-general-off-white);
  --border-table-on-color-dark-secondary: var(--color-general-off-white);
  --border-table-on-color-muted-default: var(--border-table-default);
  --border-table-on-color-muted-secondary: var(--border-table-secondary);
  --typography-heading-on-color-dark-default: var(--color-brand-100);
  --typography-heading-on-color-dark-secondary: var(--color-brand-100);
  --typography-heading-on-color-dark-highlight: var(--color-brand-100);
  --typography-heading-on-color-muted-default: var(--typography-heading-default);
  --typography-heading-on-color-muted-secondary: var(--typography-heading-secondary);
  --typography-heading-on-color-muted-highlight: var(--typography-heading-highlight);
  --typography-subheading-default: var(--color-gray-200);
  --typography-subheading-secondary: var(--color-gray-200);
  --typography-subheading-highlight: var(--color-supporting-200);
  --typography-subheading-on-color-bright-default: var(--color-gray-900);
  --typography-subheading-on-color-bright-secondary: var(--color-gray-900);
  --typography-subheading-on-color-bright-highlight: var(--color-gray-900);
  --typography-subheading-on-color-dark-default: var(--color-brand-100);
  --typography-subheading-on-color-dark-secondary: var(--color-brand-100);
  --typography-subheading-on-color-dark-highlight: var(--color-brand-100);
  --typography-subheading-on-color-muted-default: var(--typography-subheading-default);
  --typography-subheading-on-color-muted-secondary: var(--typography-subheading-secondary);
  --typography-subheading-on-color-muted-highlight: var(--typography-subheading-highlight);
  --typography-tooltip-default: var(--color-gray-600);
  --typography-tooltip-brand: var(--color-brand-200);
  --typography-tooltip-supporting: var(--color-supporting-200);
  --typography-tooltip-accent: var(--color-accent-primary-500);
  --typography-tooltip-on-color-bright-brand: var(--color-brand-100);
  --typography-tooltip-on-color-bright-supporting: var(--color-supporting-200);
  --typography-tooltip-on-color-bright-accent: var(--color-accent-primary-200);
  --typography-tooltip-on-color-dark-brand: var(--color-general-off-white);
  --typography-tooltip-on-color-dark-supporting: var(--color-supporting-50);
  --typography-tooltip-on-color-dark-accent: var(--color-general-off-white);
  --typography-tooltip-on-color-muted-brand: var(--typography-tooltip-brand);
  --typography-tooltip-on-color-muted-supporting: var(--typography-tooltip-supporting);
  --typography-tooltip-on-color-muted-accent: var(--typography-tooltip-accent);
  --surface-overlay-banner: var(--color-general-overlay);
  --surface-overlay-card: var(--color-general-overlay);
  --surface-overlay-image: var(--color-general-overlay);
  --typography-button-text: var(--color-general-off-white);
  --typography-button-outline: var(--color-general-off-white);
  --typography-button-filled-default: var(--color-gray-900);
  --typography-button-filled-secondary: var(--color-gray-900);
  --typography-button-on-color-bright-text: var(--color-gray-900);
  --typography-button-on-color-bright-outline: var(--color-gray-900);
  --typography-button-on-color-bright-filled-default: var(--color-gray-900);
  --typography-button-on-color-bright-filled-secondary: var(--color-general-off-white);
  --typography-button-on-color-dark-text: var(--color-gray-200);
  --typography-button-on-color-dark-outline: var(--color-gray-200);
  --typography-button-on-color-dark-filled-default: var(--color-gray-900);
  --typography-button-on-color-dark-filled-secondary: var(--color-gray-900);
  --typography-button-on-color-muted-text: var(--typography-button-text);
  --typography-button-on-color-muted-outline: var(--typography-button-outline);
  --typography-button-on-color-muted-filled-default: var(--typography-button-filled-default);
  --typography-button-on-color-muted-filled-secondary: var(--typography-button-filled-secondary);
  --asset-progress-bar-complete-bright-brand: var(--color-brand-200);
  --asset-progress-bar-complete-bright-supporting: var(--color-supporting-200);
  --asset-progress-bar-complete-bright-accent: var(--color-accent-primary-500);
  --asset-progress-bar-complete-dark-brand: var(--color-brand-200);
  --asset-progress-bar-complete-dark-supporting: var(--color-supporting-200);
  --asset-progress-bar-complete-dark-accent: var(--color-accent-primary-500);
  --asset-progress-bar-complete-muted-brand: var(--color-brand-50);
  --asset-progress-bar-complete-muted-supporting: var(--color-supporting-50);
  --asset-progress-bar-complete-muted-accent: var(--color-accent-primary-50);
  --asset-progress-bar-incomplete-bright-brand: var(--color-brand-500);
  --asset-progress-bar-incomplete-bright-supporting: var(--color-supporting-500);
  --asset-progress-bar-incomplete-bright-accent: var(--color-accent-primary-900);
  --asset-progress-bar-incomplete-dark-brand: var(--color-brand-500);
  --asset-progress-bar-incomplete-dark-supporting: var(--color-supporting-500);
  --asset-progress-bar-incomplete-dark-accent: var(--color-accent-primary-900);
  --asset-progress-bar-incomplete-muted-brand: var(--color-brand-50);
  --asset-progress-bar-incomplete-muted-supporting: var(--color-supporting-50);
  --asset-progress-bar-incomplete-muted-accent: var(--color-accent-primary-50);
  --border-status-bar-color: #ffffff;
  --typography-action-secondary: var(--color-accent-primary-200);
  --surface-status-bar-error-secondary: var(--color-status-error-900);
  --surface-status-bar-warning-secondary: var(--color-status-warning-900);
  --surface-status-bar-info-secondary: var(--color-status-info-900);
  --surface-status-bar-success-secondary: var(--color-status-success-900);
  --typography-navigation-action-transparent-background: var(--color-general-off-white);
  --typography-code-default: var(--color-gray-200);
  --typography-code-on-color-bright-default: var(--color-gray-900);
  --typography-code-on-color-dark-default: var(--color-brand-100);
  --typography-code-on-color-muted-default: var(--typography-code-default);
  --border-tab-on-color-bright-active: var(--color-gray-900);
  --border-tab-on-color-bright-inactive: var(--color-gray-900);
  --border-tab-on-color-dark-active: var(--color-general-off-white);
  --border-tab-on-color-dark-inactive: var(--color-general-off-white);
  --border-tab-on-color-muted-active: var(--border-tab-active);
  --border-tab-on-color-muted-inactive: var(--border-tab-inactive);
  --effect-shadow-small-opacity: var(--effect-opacity-30);
  --effect-shadow-medium-opacity: var(--effect-opacity-25);
  --effect-shadow-large-opacity: var(--effect-opacity-25);
  --surface-form-field-default: var(--color-general-border-light);
  --surface-form-field-state-disabled: var(--color-general-subtle-brand);
  --surface-form-field-on-color-bright-default: var(--color-general-white);
  --surface-form-field-on-color-bright-state-disabled: var(--color-gray-50);
  --surface-form-field-on-color-muted-default: var(--surface-form-field-default);
  --surface-form-field-on-color-muted-state-disabled: var(--surface-form-field-state-disabled);
  --surface-form-field-on-color-dark-default: var(--color-general-subtle-brand);
  --surface-form-field-on-color-dark-state-disabled: var(--color-general-off-white);
  --typography-button-filled-state-hover: var(--color-gray-900);
  --typography-button-filled-state-focus: var(--color-gray-900);
  --typography-button-filled-state-pressed: var(--color-gray-900);
  --typography-button-filled-state-selected: var(--color-gray-900);
  --typography-button-filled-state-disabled: var(--color-gray-200);
  --typography-button-on-color-bright-filled-state-hover: var(--color-gray-200);
  --typography-button-on-color-bright-filled-state-focus: var(--color-gray-900);
  --typography-button-on-color-bright-filled-state-pressed: var(--color-gray-900);
  --typography-button-on-color-bright-filled-state-selected: var(--color-gray-900);
  --typography-button-on-color-bright-filled-state-disabled: var(--color-gray-200);
  --typography-button-on-color-dark-filled-state-hover: var(--color-general-off-white);
  --typography-button-on-color-dark-filled-state-focus: var(--color-gray-900);
  --typography-button-on-color-dark-filled-state-pressed: var(--color-gray-900);
  --typography-button-on-color-dark-filled-state-selected: var(--color-gray-900);
  --typography-button-on-color-dark-filled-state-disabled: var(--color-gray-200);
  --typography-button-on-color-muted-filled-state-hover: var(--typography-button-filled-state-hover);
  --typography-button-on-color-muted-filled-state-focus: var(--typography-button-filled-state-focus);
  --typography-button-on-color-muted-filled-state-pressed: var(--typography-button-filled-state-pressed);
  --typography-button-on-color-muted-filled-state-selected: var(--typography-button-filled-state-selected);
  --typography-button-on-color-muted-filled-state-disabled: var(--typography-button-filled-state-disabled);
  --surface-list-item-default: var(--color-general-subtle-brand);
  --typography-list-item-default: var(--color-general-off-white);
  --surface-list-item-state-hover: var(--color-gray-900);
  --typography-list-item-state-hover: var(--color-general-off-white);
  --surface-list-item-state-focus: var(--color-gray-900);
  --typography-list-item-state-focus: var(--color-general-off-white);
  --surface-list-item-state-pressed: var(--color-gray-800);
  --typography-list-item-state-pressed: var(--color-general-off-white);
  --surface-list-item-state-selected: var(--color-gray-800);
  --typography-list-item-state-selected: var(--color-brand-100);
  --surface-list-item-state-disabled: var(--color-general-subtle-brand);
  --typography-list-item-state-disabled: var(--color-gray-500);
  --border-form-field-on-color-bright-default: var(--color-gray-900);
  --border-form-field-on-color-bright-state-hover: var(--color-gray-900);
  --border-form-field-on-color-bright-state-focus: var(--color-gray-900);
  --border-form-field-on-color-bright-state-disabled: var(--color-gray-900);
  --border-form-field-on-color-bright-state-pressed: var(--color-gray-900);
  --border-form-field-on-color-bright-state-selected: var(--color-gray-900);
  --border-status-bar-error-on-color-bright-default: var(--color-gray-900);
  --border-status-bar-warning-on-color-bright-default: var(--color-gray-900);
  --border-status-bar-info-on-color-bright-default: var(--color-gray-900);
  --border-status-bar-success-on-color-bright-default: var(--color-gray-900);
  --border-form-field-on-color-dark-default: var(--color-general-off-white);
  --border-form-field-on-color-dark-state-hover: var(--color-general-off-white);
  --border-form-field-on-color-dark-state-focus: var(--color-general-off-white);
  --border-form-field-on-color-dark-state-disabled: var(--color-general-off-white);
  --border-form-field-on-color-dark-state-pressed: var(--color-general-off-white);
  --border-form-field-on-color-dark-state-selected: var(--color-general-off-white);
  --border-status-bar-error-on-color-dark-default: var(--color-status-error-50);
  --border-status-bar-warning-on-color-dark-default: var(--color-status-warning-50);
  --border-status-bar-info-on-color-dark-default: var(--color-status-info-50);
  --border-status-bar-success-on-color-dark-default: var(--color-status-success-50);
  --border-form-field-on-color-muted-default: var(--border-form-field-default);
  --border-form-field-on-color-muted-state-hover: var(--border-form-field-state-hover);
  --border-form-field-on-color-muted-state-focus: var(--border-form-field-state-focus);
  --border-form-field-on-color-muted-state-disabled: var(--border-form-field-state-disabled);
  --border-form-field-on-color-muted-state-pressed: var(--border-form-field-state-pressed);
  --border-form-field-on-color-muted-state-selected: var(--border-form-field-state-selected);
  --border-status-bar-error-on-color-muted-default: var(--border-status-bar-error-default);
  --border-status-bar-warning-on-color-muted-default: var(--border-status-bar-warning-default);
  --border-status-bar-info-on-color-muted-default: var(--border-status-bar-info-default);
  --border-status-bar-success-on-color-muted-default: var(--border-status-bar-success-default);
  --typography-chip-filled-default: var(--color-gray-900);
  --typography-chip-filled-brand: var(--color-gray-900);
  --typography-chip-filled-supporting: var(--color-gray-900);
  --typography-chip-filled-accent: var(--color-general-off-white);
  --typography-chip-on-color-bright-filled-brand: var(--color-general-off-white);
  --typography-chip-on-color-bright-filled-supporting: var(--color-gray-900);
  --typography-chip-on-color-bright-filled-accent: var(--color-general-off-white);
  --typography-chip-on-color-dark-filled-brand: var(--color-gray-900);
  --typography-chip-on-color-dark-filled-supporting: var(--color-gray-900);
  --typography-chip-on-color-dark-filled-accent: var(--color-gray-900);
  --typography-chip-on-color-muted-filled-brand: var(--typography-chip-filled-brand);
  --typography-chip-on-color-muted-filled-supporting: var(--typography-chip-filled-supporting);
  --typography-chip-on-color-muted-filled-accent: var(--typography-chip-filled-accent);
  --surface-navigation-dropdown-accent-start: var(--surface-button-fill-start);
  --surface-navigation-dropdown-accent-end: var(--surface-button-fill-end);
  --fill-background-color-block-bright: linear-gradient(135deg, var(--surface-background-color-block-bright-fill-start) 0%, var(--surface-background-color-block-bright-fill-end) 100%);
  --fill-background-color-block-dark: linear-gradient(180deg, var(--surface-background-color-block-dark-fill-start) 0%, var(--surface-background-color-block-dark-fill-end) 100%);
  --fill-background-color-block-muted: linear-gradient(180deg, var(--surface-background-color-block-muted-fill-start) 0%, var(--surface-background-color-block-muted-fill-end) 100%);
  --fill-background-default: linear-gradient(135deg, var(--surface-background-fill-start) 0%, var(--surface-background-fill-end) 100%);
  --fill-button-default: linear-gradient(135deg, var(--surface-button-fill-start) 0%, var(--surface-button-fill-end) 100%);
  --fill-button-on-color-bright: linear-gradient(135deg, var(--surface-button-on-color-bright-fill-start) 0%, var(--surface-button-on-color-bright-fill-end) 100%);
  --fill-button-on-color-dark: linear-gradient(135deg, var(--surface-button-on-color-dark-fill-start) 0%, var(--surface-button-on-color-dark-fill-end) 100%);
  --fill-button-on-color-muted: linear-gradient(135deg, var(--surface-button-on-color-muted-fill-start) 0%, var(--surface-button-on-color-muted-fill-end) 100%);
  --fill-icon-container-default: linear-gradient(90deg, var(--surface-icon-container-fill-start) 0%, var(--surface-icon-container-fill-end) 100%);
  --fill-icon-container-on-color-bright: linear-gradient(90deg, var(--surface-icon-container-color-block-bright-fill-start) 0%, var(--surface-icon-container-color-block-bright-fill-end) 100%);
  --fill-icon-container-on-color-dark: linear-gradient(90deg, var(--surface-icon-container-color-block-dark-fill-start) 0%, var(--surface-icon-container-color-block-dark-fill-end) 100%);
  --fill-icon-container-on-color-muted: linear-gradient(90deg, var(--surface-icon-container-color-block-muted-fill-start) 0%, var(--surface-icon-container-color-block-muted-fill-end) 100%);
  --fill-navigation-dropdown-accent: linear-gradient(90deg, var(--surface-navigation-dropdown-accent-start) 0%, var(--surface-navigation-dropdown-accent-end) 100%);
}
[data-brand="sample-realestate"] [data-on-color="bright"] {
  --asset-infographic-default: var(--asset-infographic-on-color-bright-default);
  --asset-infographic-brand: var(--asset-infographic-on-color-bright-brand);
  --asset-infographic-supporting: var(--asset-infographic-on-color-bright-supporting);
  --asset-infographic-accent: var(--asset-infographic-on-color-bright-accent);
  --asset-icon-default: var(--asset-icon-on-color-bright-default);
  --asset-icon-brand: var(--asset-icon-on-color-bright-brand);
  --asset-icon-supporting: var(--asset-icon-on-color-bright-supporting);
  --asset-icon-accent: var(--asset-icon-on-color-bright-accent);
  --border-button-default: var(--border-button-on-color-bright-default);
  --border-button-secondary: var(--border-button-on-color-bright-secondary);
  --border-chip-default: var(--border-chip-on-color-bright-default);
  --border-chip-brand: var(--border-chip-on-color-bright-brand);
  --border-chip-supporting: var(--border-chip-on-color-bright-supporting);
  --border-chip-accent: var(--border-chip-on-color-bright-accent);
  --border-form-field-default: var(--border-form-field-on-color-bright-default);
  --border-form-field-state-hover: var(--border-form-field-on-color-bright-state-hover);
  --border-form-field-state-focus: var(--border-form-field-on-color-bright-state-focus);
  --border-form-field-state-disabled: var(--border-form-field-on-color-bright-state-disabled);
  --border-form-field-state-pressed: var(--border-form-field-on-color-bright-state-pressed);
  --border-form-field-state-selected: var(--border-form-field-on-color-bright-state-selected);
  --border-status-bar-error-default: var(--border-status-bar-error-on-color-bright-default);
  --border-status-bar-warning-default: var(--border-status-bar-warning-on-color-bright-default);
  --border-status-bar-info-default: var(--border-status-bar-info-on-color-bright-default);
  --border-status-bar-success-default: var(--border-status-bar-success-on-color-bright-default);
  --surface-button-default: var(--surface-button-on-color-bright-default);
  --surface-button-secondary: var(--surface-button-on-color-bright-secondary);
  --surface-button-fill-start: var(--surface-button-on-color-bright-fill-start);
  --surface-button-fill-end: var(--surface-button-on-color-bright-fill-end);
  --surface-button-state-hover: var(--surface-button-on-color-bright-state-hover);
  --surface-button-state-focus: var(--surface-button-on-color-bright-state-focus);
  --surface-button-state-disabled: var(--surface-button-on-color-bright-state-disabled);
  --surface-button-state-pressed: var(--surface-button-on-color-bright-state-pressed);
  --surface-button-state-selected: var(--surface-button-on-color-bright-state-selected);
  --surface-chip-brand: var(--surface-chip-on-color-bright-brand);
  --surface-chip-supporting: var(--surface-chip-on-color-bright-supporting);
  --surface-chip-accent: var(--surface-chip-on-color-bright-accent);
  --surface-icon-container-default: var(--surface-icon-container-color-block-bright-default);
  --surface-icon-container-secondary: var(--surface-icon-container-color-block-bright-secondary);
  --surface-icon-container-fill-start: var(--surface-icon-container-color-block-bright-fill-start);
  --surface-icon-container-fill-end: var(--surface-icon-container-color-block-bright-fill-end);
  --surface-status-bar-error-default: var(--surface-status-bar-error-on-color-bright-default);
  --surface-status-bar-error-secondary: var(--surface-status-bar-error-on-color-bright-secondary);
  --surface-status-bar-error-state-hover: var(--surface-status-bar-error-on-color-bright-state-hover);
  --surface-status-bar-error-state-focus: var(--surface-status-bar-error-on-color-bright-state-focus);
  --surface-status-bar-error-state-disabled: var(--surface-status-bar-error-on-color-bright-state-disabled);
  --surface-status-bar-error-state-pressed: var(--surface-status-bar-error-on-color-bright-state-pressed);
  --surface-status-bar-error-state-selected: var(--surface-status-bar-error-on-color-bright-state-selected);
  --surface-tooltip-default: var(--surface-tooltip-on-color-bright-default);
  --surface-tooltip-secondary: var(--surface-tooltip-on-color-bright-secondary);
  --typography-action-default: var(--typography-action-on-color-bright-default);
  --typography-action-transparent-background: var(--typography-action-on-color-bright-transparent-background);
  --typography-action-state-hover: var(--typography-action-on-color-bright-state-hover);
  --typography-action-state-focus: var(--typography-action-on-color-bright-state-focus);
  --typography-action-state-disabled: var(--typography-action-on-color-bright-state-disabled);
  --typography-action-state-pressed: var(--typography-action-on-color-bright-state-pressed);
  --typography-action-state-selected: var(--typography-action-on-color-bright-state-selected);
  --typography-body-default: var(--typography-body-on-color-bright-default);
  --typography-chip-default: var(--typography-chip-on-color-bright-default);
  --typography-chip-brand: var(--typography-chip-on-color-bright-brand);
  --typography-chip-supporting: var(--typography-chip-on-color-bright-supporting);
  --typography-chip-accent: var(--typography-chip-on-color-bright-accent);
  --typography-caption-default: var(--typography-caption-on-color-bright-default);
  --typography-caption-highlight: var(--typography-caption-on-color-bright-highlight);
  --typography-eyebrow-default: var(--typography-eyebrow-on-color-bright-default);
  --typography-eyebrow-secondary: var(--typography-eyebrow-on-color-bright-secondary);
  --typography-heading-default: var(--typography-heading-on-color-bright-default);
  --typography-heading-secondary: var(--typography-heading-on-color-bright-secondary);
  --typography-heading-highlight: var(--typography-heading-on-color-bright-highlight);
  --typography-navigation-action-default: var(--typography-navigation-action-on-color-bright-default);
  --typography-navigation-action-transparent-background: var(--typography-navigation-action-on-color-bright-transparent-background);
  --typography-navigation-action-state-hover: var(--typography-navigation-action-on-color-bright-state-hover);
  --typography-navigation-action-state-focus: var(--typography-navigation-action-on-color-bright-state-focus);
  --typography-navigation-action-state-disabled: var(--typography-navigation-action-on-color-bright-state-disabled);
  --typography-navigation-action-state-pressed: var(--typography-navigation-action-on-color-bright-state-pressed);
  --typography-navigation-action-state-selected: var(--typography-navigation-action-on-color-bright-state-selected);
  --typography-label-default: var(--typography-label-on-color-bright-default);
  --typography-label-secondary: var(--typography-label-on-color-bright-secondary);
  --typography-placeholder-default: var(--typography-placeholder-on-color-bright-default);
  --typography-quote-default: var(--typography-quote-on-color-bright-default);
  --typography-quote-highlight: var(--typography-quote-on-color-bright-highlight);
  --typography-status-error-default: var(--typography-status-error-on-color-bright-default);
  --typography-status-warning-default: var(--typography-status-warning-on-color-bright-default);
  --typography-status-info-default: var(--typography-status-info-on-color-bright-default);
  --typography-status-success-default: var(--typography-status-success-on-color-bright-default);
  --surface-status-bar-warning-default: var(--surface-status-bar-warning-on-color-bright-default);
  --surface-status-bar-warning-secondary: var(--surface-status-bar-warning-on-color-bright-secondary);
  --surface-status-bar-warning-state-hover: var(--surface-status-bar-warning-on-color-bright-state-hover);
  --surface-status-bar-warning-state-focus: var(--surface-status-bar-warning-on-color-bright-state-focus);
  --surface-status-bar-warning-state-disabled: var(--surface-status-bar-warning-on-color-bright-state-disabled);
  --surface-status-bar-warning-state-pressed: var(--surface-status-bar-warning-on-color-bright-state-pressed);
  --surface-status-bar-warning-state-selected: var(--surface-status-bar-warning-on-color-bright-state-selected);
  --surface-status-bar-info-default: var(--surface-status-bar-info-on-color-bright-default);
  --surface-status-bar-info-secondary: var(--surface-status-bar-info-on-color-bright-secondary);
  --surface-status-bar-info-state-hover: var(--surface-status-bar-info-on-color-bright-state-hover);
  --surface-status-bar-info-state-focus: var(--surface-status-bar-info-on-color-bright-state-focus);
  --surface-status-bar-info-state-disabled: var(--surface-status-bar-info-on-color-bright-state-disabled);
  --surface-status-bar-info-state-pressed: var(--surface-status-bar-info-on-color-bright-state-pressed);
  --surface-status-bar-info-state-selected: var(--surface-status-bar-info-on-color-bright-state-selected);
  --surface-status-bar-success-default: var(--surface-status-bar-success-on-color-bright-default);
  --surface-status-bar-success-secondary: var(--surface-status-bar-success-on-color-bright-secondary);
  --surface-status-bar-success-state-hover: var(--surface-status-bar-success-on-color-bright-state-hover);
  --surface-status-bar-success-state-focus: var(--surface-status-bar-success-on-color-bright-state-focus);
  --surface-status-bar-success-state-disabled: var(--surface-status-bar-success-on-color-bright-state-disabled);
  --surface-status-bar-success-state-pressed: var(--surface-status-bar-success-on-color-bright-state-pressed);
  --surface-status-bar-success-state-selected: var(--surface-status-bar-success-on-color-bright-state-selected);
  --border-card-default: var(--border-card-on-color-bright-default);
  --border-card-secondary: var(--border-card-on-color-bright-secondary);
  --asset-statistic-default: var(--asset-statistic-on-color-bright-default);
  --asset-status-error-default: var(--asset-status-error-on-color-bright-default);
  --asset-status-warning-default: var(--asset-status-warning-on-color-bright-default);
  --asset-status-info-default: var(--asset-status-info-on-color-bright-default);
  --asset-status-success-default: var(--asset-status-success-on-color-bright-default);
  --border-table-default: var(--border-table-on-color-bright-default);
  --border-table-secondary: var(--border-table-on-color-bright-secondary);
  --typography-subheading-default: var(--typography-subheading-on-color-bright-default);
  --typography-subheading-secondary: var(--typography-subheading-on-color-bright-secondary);
  --typography-subheading-highlight: var(--typography-subheading-on-color-bright-highlight);
  --typography-tooltip-brand: var(--typography-tooltip-on-color-bright-brand);
  --typography-tooltip-supporting: var(--typography-tooltip-on-color-bright-supporting);
  --typography-tooltip-accent: var(--typography-tooltip-on-color-bright-accent);
  --typography-button-text: var(--typography-button-on-color-bright-text);
  --typography-button-outline: var(--typography-button-on-color-bright-outline);
  --typography-button-filled-default: var(--typography-button-on-color-bright-filled-default);
  --typography-button-filled-secondary: var(--typography-button-on-color-bright-filled-secondary);
  --typography-code-default: var(--typography-code-on-color-bright-default);
  --border-tab-active: var(--border-tab-on-color-bright-active);
  --border-tab-inactive: var(--border-tab-on-color-bright-inactive);
  --surface-form-field-default: var(--surface-form-field-on-color-bright-default);
  --surface-form-field-state-disabled: var(--surface-form-field-on-color-bright-state-disabled);
  --typography-button-filled-state-hover: var(--typography-button-on-color-bright-filled-state-hover);
  --typography-button-filled-state-focus: var(--typography-button-on-color-bright-filled-state-focus);
  --typography-button-filled-state-pressed: var(--typography-button-on-color-bright-filled-state-pressed);
  --typography-button-filled-state-selected: var(--typography-button-on-color-bright-filled-state-selected);
  --typography-button-filled-state-disabled: var(--typography-button-on-color-bright-filled-state-disabled);
  --typography-chip-filled-brand: var(--typography-chip-on-color-bright-filled-brand);
  --typography-chip-filled-supporting: var(--typography-chip-on-color-bright-filled-supporting);
  --typography-chip-filled-accent: var(--typography-chip-on-color-bright-filled-accent);
  --fill-button-default: var(--fill-button-on-color-bright);
  --fill-icon-container-default: var(--fill-icon-container-on-color-bright);
}
[data-brand="sample-realestate"] [data-on-color="dark"] {
  --asset-infographic-default: var(--asset-infographic-on-color-dark-default);
  --asset-infographic-brand: var(--asset-infographic-on-color-dark-brand);
  --asset-infographic-supporting: var(--asset-infographic-on-color-dark-supporting);
  --asset-infographic-accent: var(--asset-infographic-on-color-dark-accent);
  --border-button-default: var(--border-button-on-color-dark-default);
  --border-button-secondary: var(--border-button-on-color-dark-secondary);
  --border-chip-default: var(--border-chip-on-color-dark-default);
  --border-form-field-default: var(--border-form-field-on-color-dark-default);
  --border-form-field-state-hover: var(--border-form-field-on-color-dark-state-hover);
  --border-form-field-state-focus: var(--border-form-field-on-color-dark-state-focus);
  --border-form-field-state-disabled: var(--border-form-field-on-color-dark-state-disabled);
  --border-form-field-state-pressed: var(--border-form-field-on-color-dark-state-pressed);
  --border-form-field-state-selected: var(--border-form-field-on-color-dark-state-selected);
  --border-status-bar-error-default: var(--border-status-bar-error-on-color-dark-default);
  --border-status-bar-warning-default: var(--border-status-bar-warning-on-color-dark-default);
  --border-status-bar-info-default: var(--border-status-bar-info-on-color-dark-default);
  --border-status-bar-success-default: var(--border-status-bar-success-on-color-dark-default);
  --surface-button-default: var(--surface-button-on-color-dark-default);
  --surface-button-secondary: var(--surface-button-on-color-dark-secondary);
  --surface-button-fill-start: var(--surface-button-on-color-dark-fill-start);
  --surface-button-fill-end: var(--surface-button-on-color-dark-fill-end);
  --surface-button-state-hover: var(--surface-button-on-color-dark-state-hover);
  --surface-button-state-focus: var(--surface-button-on-color-dark-state-focus);
  --surface-button-state-disabled: var(--surface-button-on-color-dark-state-disabled);
  --surface-button-state-pressed: var(--surface-button-on-color-dark-state-pressed);
  --surface-button-state-selected: var(--surface-button-on-color-dark-state-selected);
  --surface-chip-brand: var(--surface-chip-on-color-dark-brand);
  --surface-chip-supporting: var(--surface-chip-on-color-dark-supporting);
  --surface-chip-accent: var(--surface-chip-on-color-dark-accent);
  --surface-icon-container-default: var(--surface-icon-container-color-block-dark-default);
  --surface-icon-container-secondary: var(--surface-icon-container-color-block-dark-secondary);
  --surface-icon-container-fill-start: var(--surface-icon-container-color-block-dark-fill-start);
  --surface-icon-container-fill-end: var(--surface-icon-container-color-block-dark-fill-end);
  --surface-status-bar-error-default: var(--surface-status-bar-error-on-color-dark-default);
  --surface-status-bar-error-secondary: var(--surface-status-bar-error-on-color-dark-secondary);
  --surface-status-bar-error-state-hover: var(--surface-status-bar-error-on-color-dark-state-hover);
  --surface-status-bar-error-state-focus: var(--surface-status-bar-error-on-color-dark-state-focus);
  --surface-status-bar-error-state-disabled: var(--surface-status-bar-error-on-color-dark-state-disabled);
  --surface-status-bar-error-state-pressed: var(--surface-status-bar-error-on-color-dark-state-pressed);
  --surface-status-bar-error-state-selected: var(--surface-status-bar-error-on-color-dark-state-selected);
  --surface-tooltip-default: var(--surface-tooltip-on-color-dark-default);
  --surface-tooltip-secondary: var(--surface-tooltip-on-color-dark-secondary);
  --typography-action-default: var(--typography-action-on-color-dark-default);
  --typography-action-transparent-background: var(--typography-action-on-color-dark-transparent-background);
  --typography-action-state-hover: var(--typography-action-on-color-dark-state-hover);
  --typography-action-state-focus: var(--typography-action-on-color-dark-state-focus);
  --typography-action-state-disabled: var(--typography-action-on-color-dark-state-disabled);
  --typography-action-state-pressed: var(--typography-action-on-color-dark-state-pressed);
  --typography-action-state-selected: var(--typography-action-on-color-dark-state-selected);
  --typography-body-default: var(--typography-body-on-color-dark-default);
  --typography-chip-default: var(--typography-chip-on-color-dark-default);
  --typography-chip-brand: var(--typography-chip-on-color-dark-brand);
  --typography-chip-supporting: var(--typography-chip-on-color-dark-supporting);
  --typography-chip-accent: var(--typography-chip-on-color-dark-accent);
  --typography-caption-default: var(--typography-caption-on-color-dark-default);
  --typography-caption-highlight: var(--typography-caption-on-color-dark-highlight);
  --typography-eyebrow-default: var(--typography-eyebrow-on-color-dark-default);
  --typography-eyebrow-secondary: var(--typography-eyebrow-on-color-dark-secondary);
  --typography-navigation-action-default: var(--typography-navigation-action-on-color-dark-default);
  --typography-navigation-action-transparent-background: var(--typography-navigation-action-on-color-dark-transparent-background);
  --typography-navigation-action-state-hover: var(--typography-navigation-action-on-color-dark-state-hover);
  --typography-navigation-action-state-focus: var(--typography-navigation-action-on-color-dark-state-focus);
  --typography-navigation-action-state-disabled: var(--typography-navigation-action-on-color-dark-state-disabled);
  --typography-navigation-action-state-pressed: var(--typography-navigation-action-on-color-dark-state-pressed);
  --typography-navigation-action-state-selected: var(--typography-navigation-action-on-color-dark-state-selected);
  --typography-label-default: var(--typography-label-on-color-dark-default);
  --typography-label-secondary: var(--typography-label-on-color-dark-secondary);
  --typography-placeholder-default: var(--typography-placeholder-on-color-dark-default);
  --typography-quote-default: var(--typography-quote-on-color-dark-default);
  --typography-quote-highlight: var(--typography-quote-on-color-dark-highlight);
  --typography-status-error-default: var(--typography-status-error-on-color-dark-default);
  --typography-status-warning-default: var(--typography-status-warning-on-color-dark-default);
  --typography-status-info-default: var(--typography-status-info-on-color-dark-default);
  --typography-status-success-default: var(--typography-status-success-on-color-dark-default);
  --surface-status-bar-warning-default: var(--surface-status-bar-warning-on-color-dark-default);
  --surface-status-bar-warning-secondary: var(--surface-status-bar-warning-on-color-dark-secondary);
  --surface-status-bar-warning-state-hover: var(--surface-status-bar-warning-on-color-dark-state-hover);
  --surface-status-bar-warning-state-focus: var(--surface-status-bar-warning-on-color-dark-state-focus);
  --surface-status-bar-warning-state-disabled: var(--surface-status-bar-warning-on-color-dark-state-disabled);
  --surface-status-bar-warning-state-pressed: var(--surface-status-bar-warning-on-color-dark-state-pressed);
  --surface-status-bar-warning-state-selected: var(--surface-status-bar-warning-on-color-dark-state-selected);
  --surface-status-bar-info-default: var(--surface-status-bar-info-on-color-dark-default);
  --surface-status-bar-info-secondary: var(--surface-status-bar-info-on-color-dark-secondary);
  --surface-status-bar-info-state-hover: var(--surface-status-bar-info-on-color-dark-state-hover);
  --surface-status-bar-info-state-focus: var(--surface-status-bar-info-on-color-dark-state-focus);
  --surface-status-bar-info-state-disabled: var(--surface-status-bar-info-on-color-dark-state-disabled);
  --surface-status-bar-info-state-pressed: var(--surface-status-bar-info-on-color-dark-state-pressed);
  --surface-status-bar-info-state-selected: var(--surface-status-bar-info-on-color-dark-state-selected);
  --surface-status-bar-success-default: var(--surface-status-bar-success-on-color-dark-default);
  --surface-status-bar-success-secondary: var(--surface-status-bar-success-on-color-dark-secondary);
  --surface-status-bar-success-state-hover: var(--surface-status-bar-success-on-color-dark-state-hover);
  --surface-status-bar-success-state-focus: var(--surface-status-bar-success-on-color-dark-state-focus);
  --surface-status-bar-success-state-disabled: var(--surface-status-bar-success-on-color-dark-state-disabled);
  --surface-status-bar-success-state-pressed: var(--surface-status-bar-success-on-color-dark-state-pressed);
  --surface-status-bar-success-state-selected: var(--surface-status-bar-success-on-color-dark-state-selected);
  --border-card-default: var(--border-card-on-color-dark-default);
  --border-card-secondary: var(--border-card-on-color-dark-secondary);
  --asset-icon-default: var(--asset-icon-on-color-dark-default);
  --asset-icon-brand: var(--asset-icon-on-color-dark-brand);
  --asset-icon-supporting: var(--asset-icon-on-color-dark-supporting);
  --asset-icon-accent: var(--asset-icon-on-color-dark-accent);
  --asset-statistic-default: var(--asset-statistic-on-color-dark-default);
  --asset-status-error-default: var(--asset-status-error-on-color-dark-default);
  --asset-status-warning-default: var(--asset-status-warning-on-color-dark-default);
  --asset-status-info-default: var(--asset-status-info-on-color-dark-default);
  --asset-status-success-default: var(--asset-status-success-on-color-dark-default);
  --border-chip-brand: var(--border-chip-on-color-dark-brand);
  --border-chip-supporting: var(--border-chip-on-color-dark-supporting);
  --border-chip-accent: var(--border-chip-on-color-dark-accent);
  --border-table-default: var(--border-table-on-color-dark-default);
  --border-table-secondary: var(--border-table-on-color-dark-secondary);
  --typography-heading-default: var(--typography-heading-on-color-dark-default);
  --typography-heading-secondary: var(--typography-heading-on-color-dark-secondary);
  --typography-heading-highlight: var(--typography-heading-on-color-dark-highlight);
  --typography-subheading-default: var(--typography-subheading-on-color-dark-default);
  --typography-subheading-secondary: var(--typography-subheading-on-color-dark-secondary);
  --typography-subheading-highlight: var(--typography-subheading-on-color-dark-highlight);
  --typography-tooltip-brand: var(--typography-tooltip-on-color-dark-brand);
  --typography-tooltip-supporting: var(--typography-tooltip-on-color-dark-supporting);
  --typography-tooltip-accent: var(--typography-tooltip-on-color-dark-accent);
  --typography-button-text: var(--typography-button-on-color-dark-text);
  --typography-button-outline: var(--typography-button-on-color-dark-outline);
  --typography-button-filled-default: var(--typography-button-on-color-dark-filled-default);
  --typography-button-filled-secondary: var(--typography-button-on-color-dark-filled-secondary);
  --typography-code-default: var(--typography-code-on-color-dark-default);
  --border-tab-active: var(--border-tab-on-color-dark-active);
  --border-tab-inactive: var(--border-tab-on-color-dark-inactive);
  --surface-form-field-default: var(--surface-form-field-on-color-dark-default);
  --surface-form-field-state-disabled: var(--surface-form-field-on-color-dark-state-disabled);
  --typography-button-filled-state-hover: var(--typography-button-on-color-dark-filled-state-hover);
  --typography-button-filled-state-focus: var(--typography-button-on-color-dark-filled-state-focus);
  --typography-button-filled-state-pressed: var(--typography-button-on-color-dark-filled-state-pressed);
  --typography-button-filled-state-selected: var(--typography-button-on-color-dark-filled-state-selected);
  --typography-button-filled-state-disabled: var(--typography-button-on-color-dark-filled-state-disabled);
  --typography-chip-filled-brand: var(--typography-chip-on-color-dark-filled-brand);
  --typography-chip-filled-supporting: var(--typography-chip-on-color-dark-filled-supporting);
  --typography-chip-filled-accent: var(--typography-chip-on-color-dark-filled-accent);
  --fill-button-default: var(--fill-button-on-color-dark);
  --fill-icon-container-default: var(--fill-icon-container-on-color-dark);
}
[data-brand="sample-realestate"] [data-on-color="muted"] {
  --asset-infographic-default: var(--asset-infographic-on-color-muted-default);
  --asset-infographic-brand: var(--asset-infographic-on-color-muted-brand);
  --asset-infographic-supporting: var(--asset-infographic-on-color-muted-supporting);
  --asset-infographic-accent: var(--asset-infographic-on-color-muted-accent);
  --border-button-default: var(--border-button-on-color-muted-default);
  --border-button-secondary: var(--border-button-on-color-muted-secondary);
  --border-chip-default: var(--border-chip-on-color-muted-default);
  --border-form-field-default: var(--border-form-field-on-color-muted-default);
  --border-form-field-state-hover: var(--border-form-field-on-color-muted-state-hover);
  --border-form-field-state-focus: var(--border-form-field-on-color-muted-state-focus);
  --border-form-field-state-disabled: var(--border-form-field-on-color-muted-state-disabled);
  --border-form-field-state-pressed: var(--border-form-field-on-color-muted-state-pressed);
  --border-form-field-state-selected: var(--border-form-field-on-color-muted-state-selected);
  --border-status-bar-error-default: var(--border-status-bar-error-on-color-muted-default);
  --border-status-bar-warning-default: var(--border-status-bar-warning-on-color-muted-default);
  --border-status-bar-info-default: var(--border-status-bar-info-on-color-muted-default);
  --border-status-bar-success-default: var(--border-status-bar-success-on-color-muted-default);
  --surface-button-default: var(--surface-button-on-color-muted-default);
  --surface-button-secondary: var(--surface-button-on-color-muted-secondary);
  --surface-button-fill-start: var(--surface-button-on-color-muted-fill-start);
  --surface-button-fill-end: var(--surface-button-on-color-muted-fill-end);
  --surface-button-state-hover: var(--surface-button-on-color-muted-state-hover);
  --surface-button-state-focus: var(--surface-button-on-color-muted-state-focus);
  --surface-button-state-disabled: var(--surface-button-on-color-muted-state-disabled);
  --surface-button-state-pressed: var(--surface-button-on-color-muted-state-pressed);
  --surface-button-state-selected: var(--surface-button-on-color-muted-state-selected);
  --surface-chip-brand: var(--surface-chip-on-color-muted-brand);
  --surface-chip-supporting: var(--surface-chip-on-color-muted-supporting);
  --surface-chip-accent: var(--surface-chip-on-color-muted-accent);
  --surface-icon-container-default: var(--surface-icon-container-color-block-muted-default);
  --surface-icon-container-secondary: var(--surface-icon-container-color-block-muted-secondary);
  --surface-icon-container-fill-start: var(--surface-icon-container-color-block-muted-fill-start);
  --surface-icon-container-fill-end: var(--surface-icon-container-color-block-muted-fill-end);
  --surface-status-bar-error-default: var(--surface-status-bar-error-on-color-muted-default);
  --surface-status-bar-error-secondary: var(--surface-status-bar-error-on-color-muted-secondary);
  --surface-status-bar-error-state-hover: var(--surface-status-bar-error-on-color-muted-state-hover);
  --surface-status-bar-error-state-focus: var(--surface-status-bar-error-on-color-muted-state-focus);
  --surface-status-bar-error-state-disabled: var(--surface-status-bar-error-on-color-muted-state-disabled);
  --surface-status-bar-error-state-pressed: var(--surface-status-bar-error-on-color-muted-state-pressed);
  --surface-status-bar-error-state-selected: var(--surface-status-bar-error-on-color-muted-state-selected);
  --surface-tooltip-default: var(--surface-tooltip-on-color-muted-default);
  --surface-tooltip-secondary: var(--surface-tooltip-on-color-muted-secondary);
  --typography-action-default: var(--typography-action-on-color-muted-default);
  --typography-action-transparent-background: var(--typography-action-on-color-muted-transparent-background);
  --typography-action-state-hover: var(--typography-action-on-color-muted-state-hover);
  --typography-action-state-focus: var(--typography-action-on-color-muted-state-focus);
  --typography-action-state-disabled: var(--typography-action-on-color-muted-state-disabled);
  --typography-action-state-pressed: var(--typography-action-on-color-muted-state-pressed);
  --typography-action-state-selected: var(--typography-action-on-color-muted-state-selected);
  --typography-body-default: var(--typography-body-on-color-muted-default);
  --typography-chip-default: var(--typography-chip-on-color-muted-default);
  --typography-chip-brand: var(--typography-chip-on-color-muted-brand);
  --typography-chip-supporting: var(--typography-chip-on-color-muted-supporting);
  --typography-chip-accent: var(--typography-chip-on-color-muted-accent);
  --typography-caption-default: var(--typography-caption-on-color-muted-default);
  --typography-caption-highlight: var(--typography-caption-on-color-muted-highlight);
  --typography-eyebrow-default: var(--typography-eyebrow-on-color-muted-default);
  --typography-eyebrow-secondary: var(--typography-eyebrow-on-color-muted-secondary);
  --typography-navigation-action-default: var(--typography-navigation-action-on-color-muted-default);
  --typography-navigation-action-transparent-background: var(--typography-navigation-action-on-color-muted-transparent-background);
  --typography-navigation-action-state-hover: var(--typography-navigation-action-on-color-muted-state-hover);
  --typography-navigation-action-state-focus: var(--typography-navigation-action-on-color-muted-state-focus);
  --typography-navigation-action-state-disabled: var(--typography-navigation-action-on-color-muted-state-disabled);
  --typography-navigation-action-state-pressed: var(--typography-navigation-action-on-color-muted-state-pressed);
  --typography-navigation-action-state-selected: var(--typography-navigation-action-on-color-muted-state-selected);
  --typography-label-default: var(--typography-label-on-color-muted-default);
  --typography-label-secondary: var(--typography-label-on-color-muted-secondary);
  --typography-placeholder-default: var(--typography-placeholder-on-color-muted-default);
  --typography-quote-default: var(--typography-quote-on-color-muted-default);
  --typography-quote-highlight: var(--typography-quote-on-color-muted-highlight);
  --typography-status-error-default: var(--typography-status-error-on-color-muted-default);
  --typography-status-warning-default: var(--typography-status-warning-on-color-muted-default);
  --typography-status-info-default: var(--typography-status-info-on-color-muted-default);
  --typography-status-success-default: var(--typography-status-success-on-color-muted-default);
  --surface-status-bar-warning-default: var(--surface-status-bar-warning-on-color-muted-default);
  --surface-status-bar-warning-secondary: var(--surface-status-bar-warning-on-color-muted-secondary);
  --surface-status-bar-warning-state-hover: var(--surface-status-bar-warning-on-color-muted-state-hover);
  --surface-status-bar-warning-state-focus: var(--surface-status-bar-warning-on-color-muted-state-focus);
  --surface-status-bar-warning-state-disabled: var(--surface-status-bar-warning-on-color-muted-state-disabled);
  --surface-status-bar-warning-state-pressed: var(--surface-status-bar-warning-on-color-muted-state-pressed);
  --surface-status-bar-warning-state-selected: var(--surface-status-bar-warning-on-color-muted-state-selected);
  --surface-status-bar-info-default: var(--surface-status-bar-info-on-color-muted-default);
  --surface-status-bar-info-secondary: var(--surface-status-bar-info-on-color-muted-secondary);
  --surface-status-bar-info-state-hover: var(--surface-status-bar-info-on-color-muted-state-hover);
  --surface-status-bar-info-state-focus: var(--surface-status-bar-info-on-color-muted-state-focus);
  --surface-status-bar-info-state-disabled: var(--surface-status-bar-info-on-color-muted-state-disabled);
  --surface-status-bar-info-state-pressed: var(--surface-status-bar-info-on-color-muted-state-pressed);
  --surface-status-bar-info-state-selected: var(--surface-status-bar-info-on-color-muted-state-selected);
  --surface-status-bar-success-default: var(--surface-status-bar-success-on-color-muted-default);
  --surface-status-bar-success-secondary: var(--surface-status-bar-success-on-color-muted-secondary);
  --surface-status-bar-success-state-hover: var(--surface-status-bar-success-on-color-muted-state-hover);
  --surface-status-bar-success-state-focus: var(--surface-status-bar-success-on-color-muted-state-focus);
  --surface-status-bar-success-state-disabled: var(--surface-status-bar-success-on-color-muted-state-disabled);
  --surface-status-bar-success-state-pressed: var(--surface-status-bar-success-on-color-muted-state-pressed);
  --surface-status-bar-success-state-selected: var(--surface-status-bar-success-on-color-muted-state-selected);
  --border-card-default: var(--border-card-on-color-muted-default);
  --border-card-secondary: var(--border-card-on-color-muted-secondary);
  --asset-icon-default: var(--asset-icon-on-color-muted-default);
  --asset-icon-brand: var(--asset-icon-on-color-muted-brand);
  --asset-icon-supporting: var(--asset-icon-on-color-muted-supporting);
  --asset-icon-accent: var(--asset-icon-on-color-muted-accent);
  --asset-statistic-default: var(--asset-statistic-on-color-muted-default);
  --asset-status-error-default: var(--asset-status-error-on-color-muted-default);
  --asset-status-warning-default: var(--asset-status-warning-on-color-muted-default);
  --asset-status-info-default: var(--asset-status-info-on-color-muted-default);
  --asset-status-success-default: var(--asset-status-success-on-color-muted-default);
  --border-chip-brand: var(--border-chip-on-color-muted-brand);
  --border-chip-supporting: var(--border-chip-on-color-muted-supporting);
  --border-chip-accent: var(--border-chip-on-color-muted-accent);
  --border-table-default: var(--border-table-on-color-muted-default);
  --border-table-secondary: var(--border-table-on-color-muted-secondary);
  --typography-heading-default: var(--typography-heading-on-color-muted-default);
  --typography-heading-secondary: var(--typography-heading-on-color-muted-secondary);
  --typography-heading-highlight: var(--typography-heading-on-color-muted-highlight);
  --typography-subheading-default: var(--typography-subheading-on-color-muted-default);
  --typography-subheading-secondary: var(--typography-subheading-on-color-muted-secondary);
  --typography-subheading-highlight: var(--typography-subheading-on-color-muted-highlight);
  --typography-tooltip-brand: var(--typography-tooltip-on-color-muted-brand);
  --typography-tooltip-supporting: var(--typography-tooltip-on-color-muted-supporting);
  --typography-tooltip-accent: var(--typography-tooltip-on-color-muted-accent);
  --typography-button-text: var(--typography-button-on-color-muted-text);
  --typography-button-outline: var(--typography-button-on-color-muted-outline);
  --typography-button-filled-default: var(--typography-button-on-color-muted-filled-default);
  --typography-button-filled-secondary: var(--typography-button-on-color-muted-filled-secondary);
  --typography-code-default: var(--typography-code-on-color-muted-default);
  --border-tab-active: var(--border-tab-on-color-muted-active);
  --border-tab-inactive: var(--border-tab-on-color-muted-inactive);
  --surface-form-field-default: var(--surface-form-field-on-color-muted-default);
  --surface-form-field-state-disabled: var(--surface-form-field-on-color-muted-state-disabled);
  --typography-button-filled-state-hover: var(--typography-button-on-color-muted-filled-state-hover);
  --typography-button-filled-state-focus: var(--typography-button-on-color-muted-filled-state-focus);
  --typography-button-filled-state-pressed: var(--typography-button-on-color-muted-filled-state-pressed);
  --typography-button-filled-state-selected: var(--typography-button-on-color-muted-filled-state-selected);
  --typography-button-filled-state-disabled: var(--typography-button-on-color-muted-filled-state-disabled);
  --typography-chip-filled-brand: var(--typography-chip-on-color-muted-filled-brand);
  --typography-chip-filled-supporting: var(--typography-chip-on-color-muted-filled-supporting);
  --typography-chip-filled-accent: var(--typography-chip-on-color-muted-filled-accent);
  --fill-button-default: var(--fill-button-on-color-muted);
  --fill-icon-container-default: var(--fill-icon-container-on-color-muted);
}
[data-brand="sample-realestate"] [data-on-color="none"], [data-brand="sample-realestate"][data-color-mode="light"] [data-on-color="none"], [data-brand="sample-realestate"][data-color-mode="light"][data-on-color="none"], [data-brand="sample-realestate"][data-color-mode="dark"] [data-color-mode="light"] [data-on-color="none"], [data-brand="sample-realestate"][data-color-mode="dark"] [data-color-mode="light"][data-on-color="none"], [data-brand="sample-realestate"][data-color-mode="light"] [data-color-mode="dark"] [data-color-mode="light"] [data-on-color="none"], [data-brand="sample-realestate"][data-color-mode="light"] [data-color-mode="dark"] [data-color-mode="light"][data-on-color="none"] {
  --asset-infographic-default: var(--color-gray-400);
  --asset-infographic-brand: var(--color-brand-200);
  --asset-infographic-supporting: var(--color-supporting-200);
  --asset-infographic-accent: var(--color-accent-primary-500);
  --asset-icon-default: var(--color-brand-600);
  --asset-icon-brand: var(--color-brand-600);
  --asset-icon-supporting: var(--color-brand-600);
  --asset-icon-accent: var(--color-brand-600);
  --border-button-default: var(--surface-button-default);
  --border-button-secondary: var(--color-brand-600);
  --border-chip-default: var(--color-gray-500);
  --border-chip-brand: var(--color-brand-200);
  --border-chip-supporting: var(--color-supporting-200);
  --border-chip-accent: var(--color-accent-primary-500);
  --border-form-field-default: var(--color-general-navy);
  --border-form-field-state-hover: var(--color-general-navy);
  --border-form-field-state-focus: var(--color-general-navy);
  --border-form-field-state-disabled: var(--color-general-border-dark);
  --border-form-field-state-pressed: var(--color-general-navy);
  --border-form-field-state-selected: var(--color-general-navy);
  --border-status-bar-error-default: var(--color-status-error-50);
  --border-status-bar-warning-default: var(--color-status-warning-50);
  --border-status-bar-info-default: var(--color-status-info-50);
  --border-status-bar-success-default: var(--color-status-success-50);
  --surface-button-default: var(--color-accent-primary-700);
  --surface-button-secondary: var(--color-brand-200);
  --surface-button-fill-start: var(--surface-button-default);
  --surface-button-fill-end: var(--surface-button-default);
  --surface-button-state-hover: var(--color-accent-primary-900);
  --surface-button-state-focus: var(--color-accent-primary-900);
  --surface-button-state-disabled: var(--color-gray-500);
  --surface-button-state-pressed: var(--color-accent-primary-900);
  --surface-button-state-selected: var(--color-accent-primary-900);
  --surface-chip-brand: var(--color-brand-200);
  --surface-chip-supporting: var(--color-supporting-200);
  --surface-chip-accent: var(--color-accent-primary-300);
  --surface-icon-container-default: var(--color-general-white);
  --surface-icon-container-secondary: var(--color-brand-200);
  --surface-icon-container-fill-start: var(--color-brand-200);
  --surface-icon-container-fill-end: var(--color-supporting-200);
  --surface-status-bar-error-default: var(--color-status-error-50);
  --surface-status-bar-error-secondary: var(--color-status-error-50);
  --surface-status-bar-error-state-hover: var(--color-status-error-100);
  --surface-status-bar-error-state-focus: var(--color-status-error-100);
  --surface-status-bar-error-state-disabled: var(--color-status-error-100);
  --surface-status-bar-error-state-pressed: var(--color-status-error-100);
  --surface-status-bar-error-state-selected: var(--color-status-error-100);
  --surface-tooltip-default: #ffffff00;
  --surface-tooltip-secondary: #ffffff00;
  --typography-action-default: var(--color-accent-primary-900);
  --typography-action-transparent-background: var(--color-gray-900);
  --typography-action-state-hover: var(--color-accent-tertiary-900);
  --typography-action-state-focus: var(--color-brand-600);
  --typography-action-state-disabled: var(--color-gray-400);
  --typography-action-state-pressed: var(--color-gray-800);
  --typography-action-state-selected: var(--color-brand-600);
  --typography-body-default: var(--color-gray-800);
  --typography-chip-default: var(--color-gray-800);
  --typography-chip-brand: var(--color-brand-600);
  --typography-chip-supporting: var(--color-gray-800);
  --typography-chip-accent: var(--color-accent-primary-900);
  --typography-caption-default: var(--color-gray-800);
  --typography-caption-highlight: var(--color-gray-800);
  --typography-eyebrow-default: var(--color-accent-primary-900);
  --typography-eyebrow-secondary: var(--color-gray-800);
  --typography-heading-default: var(--color-gray-900);
  --typography-heading-secondary: var(--color-gray-900);
  --typography-heading-highlight: var(--color-brand-600);
  --typography-navigation-action-default: var(--color-accent-primary-900);
  --typography-navigation-action-transparent-background: var(--color-gray-900);
  --typography-navigation-action-state-hover: var(--color-accent-tertiary-900);
  --typography-navigation-action-state-focus: var(--color-brand-600);
  --typography-navigation-action-state-disabled: var(--color-gray-400);
  --typography-navigation-action-state-pressed: var(--color-gray-800);
  --typography-navigation-action-state-selected: var(--color-gray-800);
  --typography-label-default: var(--color-accent-primary-900);
  --typography-label-secondary: var(--color-gray-800);
  --typography-placeholder-default: var(--color-gray-800);
  --typography-quote-default: var(--color-gray-800);
  --typography-quote-highlight: var(--color-gray-800);
  --typography-status-error-default: var(--color-status-error-800);
  --typography-status-warning-default: var(--color-status-warning-950);
  --typography-status-info-default: var(--color-status-info-800);
  --typography-status-success-default: var(--color-status-success-800);
  --surface-status-bar-warning-default: var(--color-status-warning-50);
  --surface-status-bar-warning-secondary: var(--color-status-warning-50);
  --surface-status-bar-warning-state-hover: var(--color-status-warning-100);
  --surface-status-bar-warning-state-focus: var(--color-status-warning-100);
  --surface-status-bar-warning-state-disabled: var(--color-status-warning-100);
  --surface-status-bar-warning-state-pressed: var(--color-status-warning-100);
  --surface-status-bar-warning-state-selected: var(--color-status-warning-100);
  --surface-status-bar-info-default: var(--color-status-info-50);
  --surface-status-bar-info-secondary: var(--color-status-info-50);
  --surface-status-bar-info-state-hover: var(--color-status-info-100);
  --surface-status-bar-info-state-focus: var(--color-status-info-100);
  --surface-status-bar-info-state-disabled: var(--color-status-info-100);
  --surface-status-bar-info-state-pressed: var(--color-status-info-100);
  --surface-status-bar-info-state-selected: var(--color-status-info-100);
  --surface-status-bar-success-default: var(--color-status-success-50);
  --surface-status-bar-success-secondary: var(--color-status-success-50);
  --surface-status-bar-success-state-hover: var(--color-status-success-100);
  --surface-status-bar-success-state-focus: var(--color-status-success-100);
  --surface-status-bar-success-state-disabled: var(--color-status-success-100);
  --surface-status-bar-success-state-pressed: var(--color-status-success-100);
  --surface-status-bar-success-state-selected: var(--color-status-success-100);
  --border-card-default: var(--color-general-rich-black);
  --border-card-secondary: var(--color-brand-600);
  --asset-statistic-default: var(--color-brand-500);
  --asset-status-error-default: var(--color-status-error-700);
  --asset-status-warning-default: var(--color-status-warning-950);
  --asset-status-info-default: var(--color-status-info-800);
  --asset-status-success-default: var(--color-status-success-800);
  --border-table-default: var(--color-general-rich-black);
  --border-table-secondary: var(--color-brand-600);
  --typography-subheading-default: var(--color-gray-900);
  --typography-subheading-secondary: var(--color-gray-900);
  --typography-subheading-highlight: var(--color-brand-600);
  --typography-tooltip-brand: var(--color-brand-200);
  --typography-tooltip-supporting: var(--color-supporting-200);
  --typography-tooltip-accent: var(--color-accent-primary-500);
  --typography-button-text: var(--color-gray-900);
  --typography-button-outline: var(--color-gray-900);
  --typography-button-filled-default: var(--color-general-white);
  --typography-button-filled-secondary: var(--color-gray-900);
  --typography-code-default: var(--color-gray-800);
  --border-tab-active: var(--color-general-border-dark);
  --border-tab-inactive: var(--color-general-border-dark);
  --surface-form-field-default: var(--color-general-white);
  --surface-form-field-state-disabled: var(--color-gray-50);
  --typography-button-filled-state-hover: var(--color-general-white);
  --typography-button-filled-state-focus: var(--color-general-white);
  --typography-button-filled-state-pressed: var(--color-general-white);
  --typography-button-filled-state-selected: var(--color-general-white);
  --typography-button-filled-state-disabled: var(--color-gray-200);
  --typography-chip-filled-brand: var(--color-gray-900);
  --typography-chip-filled-supporting: var(--color-gray-900);
  --typography-chip-filled-accent: var(--color-gray-900);
  --fill-button-default: linear-gradient(135deg, var(--surface-button-fill-start) 0%, var(--surface-button-fill-end) 100%);
  --fill-icon-container-default: linear-gradient(90deg, var(--surface-icon-container-fill-start) 0%, var(--surface-icon-container-fill-end) 100%);
}
[data-brand="sample-realestate"][data-color-mode="dark"] [data-on-color="none"], [data-brand="sample-realestate"][data-color-mode="dark"][data-on-color="none"], [data-brand="sample-realestate"][data-color-mode="light"] [data-color-mode="dark"] [data-on-color="none"], [data-brand="sample-realestate"][data-color-mode="light"] [data-color-mode="dark"][data-on-color="none"], [data-brand="sample-realestate"][data-color-mode="dark"] [data-color-mode="light"] [data-color-mode="dark"] [data-on-color="none"], [data-brand="sample-realestate"][data-color-mode="dark"] [data-color-mode="light"] [data-color-mode="dark"][data-on-color="none"] {
  --asset-infographic-default: var(--color-general-white);
  --asset-infographic-brand: var(--color-brand-200);
  --asset-infographic-supporting: var(--color-supporting-200);
  --asset-infographic-accent: var(--color-accent-primary-500);
  --asset-icon-default: var(--color-brand-200);
  --asset-icon-brand: var(--color-brand-200);
  --asset-icon-supporting: var(--color-supporting-200);
  --asset-icon-accent: var(--color-accent-primary-300);
  --border-button-default: var(--surface-button-default);
  --border-button-secondary: var(--surface-button-secondary);
  --border-chip-default: var(--color-gray-300);
  --border-chip-brand: var(--color-brand-200);
  --border-chip-supporting: var(--color-supporting-200);
  --border-chip-accent: var(--color-accent-primary-300);
  --border-form-field-default: var(--color-gray-200);
  --border-form-field-state-hover: var(--color-gray-200);
  --border-form-field-state-focus: var(--color-gray-200);
  --border-form-field-state-disabled: var(--color-general-border-light);
  --border-form-field-state-pressed: var(--color-gray-200);
  --border-form-field-state-selected: var(--color-gray-200);
  --border-status-bar-error-default: var(--color-status-error-400);
  --border-status-bar-warning-default: var(--color-status-warning-400);
  --border-status-bar-info-default: var(--color-status-info-400);
  --border-status-bar-success-default: var(--color-status-success-400);
  --surface-button-default: var(--color-general-white);
  --surface-button-secondary: var(--color-brand-200);
  --surface-button-fill-start: var(--surface-button-default);
  --surface-button-fill-end: var(--surface-button-default);
  --surface-button-state-hover: var(--color-gray-50);
  --surface-button-state-focus: var(--color-gray-50);
  --surface-button-state-disabled: var(--color-gray-500);
  --surface-button-state-pressed: var(--color-gray-200);
  --surface-button-state-selected: var(--color-gray-200);
  --surface-chip-brand: var(--color-brand-200);
  --surface-chip-supporting: var(--color-supporting-200);
  --surface-chip-accent: var(--color-accent-primary-900);
  --surface-icon-container-default: var(--color-general-subtle-brand);
  --surface-icon-container-secondary: var(--color-brand-200);
  --surface-icon-container-fill-start: var(--color-brand-200);
  --surface-icon-container-fill-end: var(--color-supporting-200);
  --surface-status-bar-error-default: var(--color-status-error-900);
  --surface-status-bar-error-secondary: var(--color-status-error-900);
  --surface-status-bar-error-state-hover: var(--color-status-error-800);
  --surface-status-bar-error-state-focus: var(--color-status-error-800);
  --surface-status-bar-error-state-disabled: var(--color-status-error-800);
  --surface-status-bar-error-state-pressed: var(--color-status-error-800);
  --surface-status-bar-error-state-selected: var(--color-status-error-800);
  --surface-tooltip-default: #ffffff00;
  --surface-tooltip-secondary: #ffffff00;
  --typography-action-default: var(--color-brand-100);
  --typography-action-transparent-background: var(--color-general-off-white);
  --typography-action-state-hover: var(--color-accent-primary-200);
  --typography-action-state-focus: var(--color-brand-100);
  --typography-action-state-disabled: var(--color-gray-500);
  --typography-action-state-pressed: var(--color-supporting-200);
  --typography-action-state-selected: var(--color-brand-100);
  --typography-body-default: var(--color-gray-200);
  --typography-chip-default: var(--color-gray-200);
  --typography-chip-brand: var(--color-brand-100);
  --typography-chip-supporting: var(--color-supporting-200);
  --typography-chip-accent: var(--color-accent-primary-200);
  --typography-caption-default: var(--color-gray-200);
  --typography-caption-highlight: var(--color-supporting-200);
  --typography-eyebrow-default: var(--color-accent-primary-200);
  --typography-eyebrow-secondary: var(--color-supporting-200);
  --typography-heading-default: var(--color-general-off-white);
  --typography-heading-secondary: var(--color-gray-200);
  --typography-heading-highlight: var(--color-supporting-200);
  --typography-navigation-action-default: var(--color-gray-200);
  --typography-navigation-action-transparent-background: var(--color-general-off-white);
  --typography-navigation-action-state-hover: var(--color-accent-primary-200);
  --typography-navigation-action-state-focus: var(--color-brand-100);
  --typography-navigation-action-state-disabled: var(--color-gray-500);
  --typography-navigation-action-state-pressed: var(--color-supporting-200);
  --typography-navigation-action-state-selected: var(--color-supporting-200);
  --typography-label-default: var(--color-gray-200);
  --typography-label-secondary: var(--color-supporting-200);
  --typography-placeholder-default: var(--color-gray-200);
  --typography-quote-default: var(--color-accent-primary-200);
  --typography-quote-highlight: var(--color-supporting-200);
  --typography-status-error-default: var(--color-status-error-100);
  --typography-status-warning-default: var(--color-general-rich-black);
  --typography-status-info-default: var(--color-status-info-200);
  --typography-status-success-default: var(--color-status-success-200);
  --surface-status-bar-warning-default: var(--color-status-warning-900);
  --surface-status-bar-warning-secondary: var(--color-status-warning-900);
  --surface-status-bar-warning-state-hover: var(--color-status-warning-800);
  --surface-status-bar-warning-state-focus: var(--color-status-warning-800);
  --surface-status-bar-warning-state-disabled: var(--color-status-warning-800);
  --surface-status-bar-warning-state-pressed: var(--color-status-warning-800);
  --surface-status-bar-warning-state-selected: var(--color-status-warning-800);
  --surface-status-bar-info-default: var(--color-status-info-900);
  --surface-status-bar-info-secondary: var(--color-status-info-900);
  --surface-status-bar-info-state-hover: var(--color-status-info-800);
  --surface-status-bar-info-state-focus: var(--color-status-info-800);
  --surface-status-bar-info-state-disabled: var(--color-status-info-800);
  --surface-status-bar-info-state-pressed: var(--color-status-info-800);
  --surface-status-bar-info-state-selected: var(--color-status-info-800);
  --surface-status-bar-success-default: var(--color-status-success-900);
  --surface-status-bar-success-secondary: var(--color-status-success-900);
  --surface-status-bar-success-state-hover: var(--color-status-success-800);
  --surface-status-bar-success-state-focus: var(--color-status-success-800);
  --surface-status-bar-success-state-disabled: var(--color-status-success-800);
  --surface-status-bar-success-state-pressed: var(--color-status-success-800);
  --surface-status-bar-success-state-selected: var(--color-status-success-800);
  --border-card-default: var(--color-general-border-light);
  --border-card-secondary: var(--color-brand-600);
  --asset-statistic-default: var(--color-general-white);
  --asset-status-error-default: var(--color-status-error-200);
  --asset-status-warning-default: var(--color-status-warning-300);
  --asset-status-info-default: var(--color-status-info-300);
  --asset-status-success-default: var(--color-status-success-300);
  --border-table-default: var(--color-gray-50);
  --border-table-secondary: var(--color-brand-600);
  --typography-subheading-default: var(--color-gray-200);
  --typography-subheading-secondary: var(--color-gray-200);
  --typography-subheading-highlight: var(--color-supporting-200);
  --typography-tooltip-brand: var(--color-brand-200);
  --typography-tooltip-supporting: var(--color-supporting-200);
  --typography-tooltip-accent: var(--color-accent-primary-500);
  --typography-button-text: var(--color-general-off-white);
  --typography-button-outline: var(--color-general-off-white);
  --typography-button-filled-default: var(--color-gray-900);
  --typography-button-filled-secondary: var(--color-gray-900);
  --typography-code-default: var(--color-gray-200);
  --border-tab-active: var(--color-general-border-light);
  --border-tab-inactive: var(--color-general-border-light);
  --surface-form-field-default: var(--color-general-border-light);
  --surface-form-field-state-disabled: var(--color-general-subtle-brand);
  --typography-button-filled-state-hover: var(--color-gray-900);
  --typography-button-filled-state-focus: var(--color-gray-900);
  --typography-button-filled-state-pressed: var(--color-gray-900);
  --typography-button-filled-state-selected: var(--color-gray-900);
  --typography-button-filled-state-disabled: var(--color-gray-200);
  --typography-chip-filled-brand: var(--color-gray-900);
  --typography-chip-filled-supporting: var(--color-gray-900);
  --typography-chip-filled-accent: var(--color-general-off-white);
  --fill-button-default: linear-gradient(135deg, var(--surface-button-fill-start) 0%, var(--surface-button-fill-end) 100%);
  --fill-icon-container-default: linear-gradient(90deg, var(--surface-icon-container-fill-start) 0%, var(--surface-icon-container-fill-end) 100%);
}