/* Generated by Hydrogen Design Tokens from dark_mode, font_definitions, foundation, light_mode, semantic, typography.desktop, typography.mobile, typography.tablet on 2026-11-06 13:01 UTC. Changes made here are overwritten. */

:root {
  --foundation-color-null: rgba(0, 0, 0, 0);
  --foundation-color-neutral-0-opacity5: rgba(255, 255, 255, 0.05);
  --foundation-color-neutral-0-opacity10: rgba(255, 255, 255, 0.1);
  --foundation-color-neutral-0-opacity20: rgba(255, 255, 255, 0.2);
  --foundation-color-neutral-0-opacity25: rgba(255, 255, 255, 0.25);
  --foundation-color-neutral-0-opacity30: rgba(255, 255, 255, 0.3);
  --foundation-color-neutral-0-opacity40: rgba(255, 255, 255, 0.4);
  --foundation-color-neutral-0-opacity50: rgba(255, 255, 255, 0.5);
  --foundation-color-neutral-0-opacity60: rgba(255, 255, 255, 0.6);
  --foundation-color-neutral-0-opacity70: rgba(255, 255, 255, 0.7);
  --foundation-color-neutral-0-opacity80: rgba(255, 255, 255, 0.8);
  --foundation-color-neutral-0: #FFFFFF;
  --foundation-color-neutral-25-opacity25: rgba(239, 240, 242, 0.25);
  --foundation-color-neutral-25: #F7F8F9;
  --foundation-color-neutral-50: #EFF0F2;
  --foundation-color-neutral-75: #E7E9EC;
  --foundation-color-neutral-100: #DFE1E6;
  --foundation-color-neutral-200-opacity10: rgba(193, 197, 204, 0.1);
  --foundation-color-neutral-200: #C1C5CC;
  --foundation-color-neutral-300: #A4AAB3;
  --foundation-color-neutral-400-opacity5: rgba(136, 143, 153, 0.05);
  --foundation-color-neutral-400-opacity10: rgba(136, 143, 153, 0.1);
  --foundation-color-neutral-400-opacity20: rgba(136, 143, 153, 0.2);
  --foundation-color-neutral-400-opacity30: rgba(136, 143, 153, 0.3);
  --foundation-color-neutral-400-opacity40: rgba(136, 143, 153, 0.4);
  --foundation-color-neutral-400-opacity50: rgba(136, 143, 153, 0.5);
  --foundation-color-neutral-400-opacity60: rgba(136, 143, 153, 0.6);
  --foundation-color-neutral-400-opacity70: rgba(136, 143, 153, 0.7);
  --foundation-color-neutral-400-opacity80: rgba(136, 143, 153, 0.8);
  --foundation-color-neutral-400: #888F99;
  --foundation-color-neutral-500: #6E7580;
  --foundation-color-neutral-600-opacity10: rgba(85, 93, 102, 0.1);
  --foundation-color-neutral-600-opacity20: rgba(85, 93, 102, 0.2);
  --foundation-color-neutral-600-opacity70: rgba(85, 93, 102, 0.7);
  --foundation-color-neutral-600-opacity80: rgba(85, 93, 102, 0.8);
  --foundation-color-neutral-600: #555D66;
  --foundation-color-neutral-700: #3E454D;
  --foundation-color-neutral-750: #333940;
  --foundation-color-neutral-800: #282D33;
  --foundation-color-neutral-850: #1D2226;
  --foundation-color-neutral-900: #131619;
  --foundation-color-neutral-950-opacity15: rgba(9, 11, 13, 0.15);
  --foundation-color-neutral-950: #090B0D;
  --foundation-color-neutral-1000-opacity5: rgba(0, 0, 0, 0.05);
  --foundation-color-neutral-1000-opacity10: rgba(0, 0, 0, 0.1);
  --foundation-color-neutral-1000-opacity15: rgba(0, 0, 0, 0.15);
  --foundation-color-neutral-1000-opacity20: rgba(0, 0, 0, 0.2);
  --foundation-color-neutral-1000-opacity30: rgba(0, 0, 0, 0.3);
  --foundation-color-neutral-1000-opacity40: rgba(0, 0, 0, 0.4);
  --foundation-color-neutral-1000-opacity50: rgba(0, 0, 0, 0.5);
  --foundation-color-neutral-1000-opacity60: rgba(0, 0, 0, 0.6);
  --foundation-color-neutral-1000-opacity80: rgba(0, 0, 0, 0.8);
  --foundation-color-neutral-1000-opacity90: rgba(0, 0, 0, 0.9);
  --foundation-color-neutral-1000: #000000;
  --foundation-color-blue-25: #ECF9FF;
  --foundation-color-blue-50: #D9F3FF;
  --foundation-color-blue-100: #BDE9FF;
  --foundation-color-blue-200: #8DD5FF;
  --foundation-color-blue-300: #5CC1FF;
  --foundation-color-blue-400: #2CADFE;
  --foundation-color-blue-500: #009BF0;
  --foundation-color-blue-600: #0085CE;
  --foundation-color-blue-700: #006EAA;
  --foundation-color-blue-800: #005786;
  --foundation-color-blue-900: #004266;
  --foundation-color-blue-950: #083852;
  --foundation-color-green-25: #D9F7F0;
  --foundation-color-green-50: #BFF2E6;
  --foundation-color-green-100: #8CE8D1;
  --foundation-color-green-200: #59DEBD;
  --foundation-color-green-300: #26D4A9;
  --foundation-color-green-400: #00CD99;
  --foundation-color-green-500: #02B589;
  --foundation-color-green-600: #059B77;
  --foundation-color-green-700: #088466;
  --foundation-color-green-800: #0A6853;
  --foundation-color-green-900: #0C5646;
  --foundation-color-green-950: #0E4439;
  --foundation-color-yellow-25: #FEEED9;
  --foundation-color-yellow-50: #FDE3BF;
  --foundation-color-yellow-100: #FCCD8C;
  --foundation-color-yellow-200: #FBB659;
  --foundation-color-yellow-300: #FAA026;
  --foundation-color-yellow-400: #F98F00;
  --foundation-color-yellow-500: #DB7F03;
  --foundation-color-yellow-600: #BB6E07;
  --foundation-color-yellow-700: #9D5F0A;
  --foundation-color-yellow-800: #7B4C0E;
  --foundation-color-yellow-900: #634010;
  --foundation-color-yellow-950: #4D3413;
  --foundation-color-red-25: #FBE9EC;
  --foundation-color-red-50: #F7D3D9;
  --foundation-color-red-100: #EFA7B3;
  --foundation-color-red-200: #E77C8D;
  --foundation-color-red-300: #DF5067;
  --foundation-color-red-400-opacity10: rgba(215, 36, 65, 0.1);
  --foundation-color-red-400-opacity20: rgba(215, 36, 65, 0.2);
  --foundation-color-red-400-opacity30: rgba(215, 36, 65, 0.3);
  --foundation-color-red-400-opacity40: rgba(215, 36, 65, 0.4);
  --foundation-color-red-400-opacity50: rgba(215, 36, 65, 0.5);
  --foundation-color-red-400-opacity60: rgba(215, 36, 65, 0.6);
  --foundation-color-red-400-opacity70: rgba(215, 36, 65, 0.7);
  --foundation-color-red-400-opacity80: rgba(215, 36, 65, 0.8);
  --foundation-color-red-400: #D72441;
  --foundation-color-red-500: #C9233E;
  --foundation-color-red-600: #AC2138;
  --foundation-color-red-700: #901F33;
  --foundation-color-red-800: #711D2C;
  --foundation-color-red-900: #5C1B28;
  --foundation-color-red-950: #471A24;
  --foundation-color-purple-25: #EEE2F5;
  --foundation-color-purple-50: #E3CFEF;
  --foundation-color-purple-100: #CCA9E2;
  --foundation-color-purple-200: #B583D5;
  --foundation-color-purple-300: #9E5DC9;
  --foundation-color-purple-400: #8D40BF;
  --foundation-color-purple-500: #7D3BA9;
  --foundation-color-purple-600: #6C3592;
  --foundation-color-purple-700: #5C2F7D;
  --foundation-color-purple-800: #4A2964;
  --foundation-color-purple-900: #3E2553;
  --foundation-color-purple-950: #322143;
  --foundation-color-pink-25: #F9E3F2;
  --foundation-color-pink-50: #F5D0E9;
  --foundation-color-pink-100: #EDAAD7;
  --foundation-color-pink-200: #E584C5;
  --foundation-color-pink-300: #DD5EB3;
  --foundation-color-pink-400: #D742A5;
  --foundation-color-pink-500: #BD3C93;
  --foundation-color-pink-600: #A2367F;
  --foundation-color-pink-700: #89306D;
  --foundation-color-pink-800: #6B2A58;
  --foundation-color-pink-900: #58254A;
  --foundation-color-pink-950: #44213C;
  --foundation-scale-0: 0px;
  --foundation-scale-25: 1px;
  --foundation-scale-50: 2px;
  --foundation-scale-75: 3px;
  --foundation-scale-100: 4px;
  --foundation-scale-125: 5px;
  --foundation-scale-150: 6px;
  --foundation-scale-175: 7px;
  --foundation-scale-200: 8px;
  --foundation-scale-250: 10px;
  --foundation-scale-300: 12px;
  --foundation-scale-350: 14px;
  --foundation-scale-400: 16px;
  --foundation-scale-450: 18px;
  --foundation-scale-500: 20px;
  --foundation-scale-600: 24px;
  --foundation-scale-700: 28px;
  --foundation-scale-800: 32px;
  --foundation-scale-1000: 40px;
  --foundation-scale-1200: 48px;
  --foundation-scale-1400: 56px;
  --foundation-scale-1600: 64px;
  --foundation-scale-2000: 80px;
  --foundation-scale-3000: 120px;
  --foundation-scale-4000: 160px;
  --foundation-scale-6000: 240px;
  --foundation-typography-font-family-default: "Nebula Sans";
  --semantic-none: var(--foundation-color-null);
  --semantic-color-error-25: var(--foundation-color-red-25);
  --semantic-color-error-50: var(--foundation-color-red-50);
  --semantic-color-error-100: var(--foundation-color-red-100);
  --semantic-color-error-200: var(--foundation-color-red-200);
  --semantic-color-error-300: var(--foundation-color-red-300);
  --semantic-color-error-400-opacity10: var(--foundation-color-red-400-opacity10);
  --semantic-color-error-400-opacity20: var(--foundation-color-red-400-opacity20);
  --semantic-color-error-400-opacity30: var(--foundation-color-red-400-opacity30);
  --semantic-color-error-400-opacity40: var(--foundation-color-red-400-opacity40);
  --semantic-color-error-400-opacity50: var(--foundation-color-red-400-opacity50);
  --semantic-color-error-400-opacity60: var(--foundation-color-red-400-opacity60);
  --semantic-color-error-400-opacity70: var(--foundation-color-red-400-opacity70);
  --semantic-color-error-400-opacity80: var(--foundation-color-red-400-opacity80);
  --semantic-color-error-400: var(--foundation-color-red-400);
  --semantic-color-error-500: var(--foundation-color-red-500);
  --semantic-color-error-600: var(--foundation-color-red-600);
  --semantic-color-error-700: var(--foundation-color-red-700);
  --semantic-color-error-800: var(--foundation-color-red-800);
  --semantic-color-error-900: var(--foundation-color-red-900);
  --semantic-color-error-950: var(--foundation-color-red-950);
  --semantic-color-success-25: var(--foundation-color-green-25);
  --semantic-color-success-50: var(--foundation-color-green-50);
  --semantic-color-success-100: var(--foundation-color-green-100);
  --semantic-color-success-200: var(--foundation-color-green-200);
  --semantic-color-success-300: var(--foundation-color-green-300);
  --semantic-color-success-400: var(--foundation-color-green-400);
  --semantic-color-success-500: var(--foundation-color-green-500);
  --semantic-color-success-600: var(--foundation-color-green-600);
  --semantic-color-success-700: var(--foundation-color-green-700);
  --semantic-color-success-800: var(--foundation-color-green-800);
  --semantic-color-success-900: var(--foundation-color-green-900);
  --semantic-color-success-950: var(--foundation-color-green-950);
  --semantic-color-warning-25: var(--foundation-color-yellow-25);
  --semantic-color-warning-50: var(--foundation-color-yellow-50);
  --semantic-color-warning-100: var(--foundation-color-yellow-100);
  --semantic-color-warning-200: var(--foundation-color-yellow-200);
  --semantic-color-warning-300: var(--foundation-color-yellow-300);
  --semantic-color-warning-400: var(--foundation-color-yellow-400);
  --semantic-color-warning-500: var(--foundation-color-yellow-500);
  --semantic-color-warning-600: var(--foundation-color-yellow-600);
  --semantic-color-warning-700: var(--foundation-color-yellow-700);
  --semantic-color-warning-800: var(--foundation-color-yellow-800);
  --semantic-color-warning-900: var(--foundation-color-yellow-900);
  --semantic-color-warning-950: var(--foundation-color-yellow-950);
  --semantic-color-neutral-0-opacity5: var(--foundation-color-neutral-0-opacity5);
  --semantic-color-neutral-0-opacity10: var(--foundation-color-neutral-0-opacity10);
  --semantic-color-neutral-0-opacity20: var(--foundation-color-neutral-0-opacity20);
  --semantic-color-neutral-0-opacity25: var(--foundation-color-neutral-0-opacity25);
  --semantic-color-neutral-0-opacity30: var(--foundation-color-neutral-0-opacity30);
  --semantic-color-neutral-0-opacity40: var(--foundation-color-neutral-0-opacity40);
  --semantic-color-neutral-0-opacity50: var(--foundation-color-neutral-0-opacity50);
  --semantic-color-neutral-0-opacity60: var(--foundation-color-neutral-0-opacity60);
  --semantic-color-neutral-0-opacity70: var(--foundation-color-neutral-0-opacity70);
  --semantic-color-neutral-0-opacity80: var(--foundation-color-neutral-0-opacity80);
  --semantic-color-neutral-0: var(--foundation-color-neutral-0);
  --semantic-color-neutral-25: var(--foundation-color-neutral-25);
  --semantic-color-neutral-50: var(--foundation-color-neutral-50);
  --semantic-color-neutral-75: var(--foundation-color-neutral-75);
  --semantic-color-neutral-100: var(--foundation-color-neutral-100);
  --semantic-color-neutral-200-opacity10: var(--foundation-color-neutral-200-opacity10);
  --semantic-color-neutral-200: var(--foundation-color-neutral-200);
  --semantic-color-neutral-300: var(--foundation-color-neutral-300);
  --semantic-color-neutral-400-opacity5: var(--foundation-color-neutral-400-opacity5);
  --semantic-color-neutral-400-opacity10: var(--foundation-color-neutral-400-opacity10);
  --semantic-color-neutral-400-opacity20: var(--foundation-color-neutral-400-opacity20);
  --semantic-color-neutral-400-opacity30: var(--foundation-color-neutral-400-opacity30);
  --semantic-color-neutral-400-opacity40: var(--foundation-color-neutral-400-opacity40);
  --semantic-color-neutral-400-opacity50: var(--foundation-color-neutral-400-opacity50);
  --semantic-color-neutral-400-opacity60: var(--foundation-color-neutral-400-opacity60);
  --semantic-color-neutral-400-opacity70: var(--foundation-color-neutral-400-opacity70);
  --semantic-color-neutral-400-opacity80: var(--foundation-color-neutral-400-opacity80);
  --semantic-color-neutral-400: var(--foundation-color-neutral-400);
  --semantic-color-neutral-500: var(--foundation-color-neutral-500);
  --semantic-color-neutral-600-opacity10: var(--foundation-color-neutral-600-opacity10);
  --semantic-color-neutral-600-opacity20: var(--foundation-color-neutral-600-opacity20);
  --semantic-color-neutral-600-opacity70: var(--foundation-color-neutral-600-opacity70);
  --semantic-color-neutral-600-opacity80: var(--foundation-color-neutral-600-opacity80);
  --semantic-color-neutral-600: var(--foundation-color-neutral-600);
  --semantic-color-neutral-700: var(--foundation-color-neutral-700);
  --semantic-color-neutral-750: var(--foundation-color-neutral-750);
  --semantic-color-neutral-800: var(--foundation-color-neutral-800);
  --semantic-color-neutral-850: var(--foundation-color-neutral-850);
  --semantic-color-neutral-900: var(--foundation-color-neutral-900);
  --semantic-color-neutral-950: var(--foundation-color-neutral-950);
  --semantic-color-neutral-1000-opacity5: var(--foundation-color-neutral-1000-opacity5);
  --semantic-color-neutral-1000-opacity10: var(--foundation-color-neutral-1000-opacity10);
  --semantic-color-neutral-1000-opacity15: var(--foundation-color-neutral-1000-opacity15);
  --semantic-color-neutral-1000-opacity20: var(--foundation-color-neutral-1000-opacity20);
  --semantic-color-neutral-1000-opacity30: var(--foundation-color-neutral-1000-opacity30);
  --semantic-color-neutral-1000-opacity40: var(--foundation-color-neutral-1000-opacity40);
  --semantic-color-neutral-1000-opacity50: var(--foundation-color-neutral-1000-opacity50);
  --semantic-color-neutral-1000-opacity60: var(--foundation-color-neutral-1000-opacity60);
  --semantic-color-neutral-1000-opacity80: var(--foundation-color-neutral-1000-opacity80);
  --semantic-color-neutral-1000-opacity90: var(--foundation-color-neutral-1000-opacity90);
  --semantic-color-neutral-1000: var(--foundation-color-neutral-1000);
  --semantic-color-primary-25: var(--foundation-color-blue-25);
  --semantic-color-primary-50: var(--foundation-color-blue-50);
  --semantic-color-primary-100: var(--foundation-color-blue-100);
  --semantic-color-primary-200: var(--foundation-color-blue-200);
  --semantic-color-primary-300: var(--foundation-color-blue-300);
  --semantic-color-primary-400: var(--foundation-color-blue-400);
  --semantic-color-primary-500: var(--foundation-color-blue-500);
  --semantic-color-primary-600: var(--foundation-color-blue-600);
  --semantic-color-primary-700: var(--foundation-color-blue-700);
  --semantic-color-primary-800: var(--foundation-color-blue-800);
  --semantic-color-primary-900: var(--foundation-color-blue-900);
  --semantic-color-primary-950: var(--foundation-color-blue-950);
  --semantic-color-accent-25: var(--foundation-color-purple-25);
  --semantic-color-accent-50: var(--foundation-color-purple-50);
  --semantic-color-accent-100: var(--foundation-color-purple-100);
  --semantic-color-accent-200: var(--foundation-color-purple-200);
  --semantic-color-accent-300: var(--foundation-color-purple-300);
  --semantic-color-accent-400: var(--foundation-color-purple-400);
  --semantic-color-accent-500: var(--foundation-color-purple-500);
  --semantic-color-accent-600: var(--foundation-color-purple-600);
  --semantic-color-accent-700: var(--foundation-color-purple-700);
  --semantic-color-accent-800: var(--foundation-color-purple-800);
  --semantic-color-accent-900: var(--foundation-color-purple-900);
  --semantic-color-accent-950: var(--foundation-color-purple-950);
  --semantic-border-radius-none: var(--foundation-scale-0);
  --semantic-border-radius-x-small: var(--foundation-scale-50);
  --semantic-border-radius-small: var(--foundation-scale-100);
  --semantic-border-radius-medium: var(--foundation-scale-200);
  --semantic-border-radius-large: var(--foundation-scale-300);
  --semantic-border-radius-x-large: var(--foundation-scale-400);
  --semantic-border-radius-xx-large: var(--foundation-scale-600);
  --semantic-border-radius-xxx-large: var(--foundation-scale-1000);
  --semantic-border-radius-capsule: var(--foundation-scale-6000);
  --semantic-border-width-none: var(--foundation-scale-0);
  --semantic-border-width-small: var(--foundation-scale-25);
  --semantic-border-width-medium: var(--foundation-scale-50);
  --semantic-border-width-large: var(--foundation-scale-75);
  --semantic-border-width-x-large: var(--foundation-scale-100);
  --font-size-xxx-large: 32px;
  --font-size-xx-large: 24px;
  --font-size-x-large: 20px;
  --font-size-large: 16px;
  --font-size-default: 14px;
  --font-size-small: 12px;
  --font-size-x-small: 11px;
  --font-size-xx-small: 9px;
  --line-height-paragraph-xxx-large: 48px;
  --line-height-paragraph-xx-large: 36px;
  --line-height-paragraph-x-large: 28px;
  --line-height-paragraph-large: 24px;
  --line-height-paragraph-default: 20px;
  --line-height-paragraph-small: 16px;
  --line-height-paragraph-x-small: 16px;
  --line-height-paragraph-xx-small: 12px;
  --line-height-heading-xxx-large: 40px;
  --line-height-heading-xx-large: 28px;
  --line-height-heading-x-large: 24px;
  --line-height-heading-large: 20px;
  --line-height-heading-default: 16px;
  --line-height-heading-small: 16px;
  --line-height-heading-x-small: 12px;
  --line-height-heading-xx-small: 12px;
  --paragraph-spacing-xxx-large: 48px;
  --paragraph-spacing-xx-large: 36px;
  --paragraph-spacing-x-large: 28px;
  --paragraph-spacing-large: 24px;
  --paragraph-spacing-default: 20px;
  --paragraph-spacing-small: 16px;
  --paragraph-spacing-x-small: 16px;
  --paragraph-spacing-xx-small: 12px;
  --font-family-default: var(--foundation-typography-font-family-default), sans-serif;
}

@media (max-width: 573px) {
  html:root {
    --font-size-xxx-large: 28px;
    --font-size-xx-large: 20px;
    --font-size-x-large: 18px;
    --line-height-paragraph-xxx-large: 40px;
    --line-height-paragraph-xx-large: 28px;
    --line-height-heading-xxx-large: 32px;
    --line-height-heading-xx-large: 24px;
    --line-height-heading-x-large: 20px;
    --paragraph-spacing-xxx-large: 40px;
    --paragraph-spacing-xx-large: 28px;
  }
}

.hydrogen-dark {
  --color-accent-brand: var(--semantic-color-primary-400);
  --color-accent-brand-hovered: var(--semantic-color-primary-600);
  --color-accent-brand-pressed: var(--semantic-color-primary-700);
  --color-text-default: var(--semantic-color-neutral-25);
  --color-text-hovered: var(--semantic-color-neutral-50);
  --color-text-pressed: var(--semantic-color-neutral-100);
  --color-text-subtle: var(--semantic-color-neutral-200);
  --color-text-subtle-hovered: var(--semantic-color-neutral-300);
  --color-text-subtle-pressed: var(--semantic-color-neutral-400);
  --color-text-subtler: var(--semantic-color-neutral-400);
  --color-text-subtler-hovered: var(--semantic-color-neutral-500);
  --color-text-subtler-pressed: var(--semantic-color-neutral-600);
  --color-text-subtlest: var(--semantic-color-neutral-500);
  --color-text-subtlest-hovered: var(--semantic-color-neutral-600);
  --color-text-subtlest-pressed: var(--semantic-color-neutral-700);
  --color-text-menu-default: var(--semantic-color-neutral-25);
  --color-text-menu-disabled: var(--semantic-color-neutral-400);
  --color-text-action-primary-default-active: var(--semantic-color-neutral-0);
  --color-text-action-primary-default-hovered: var(--semantic-color-neutral-0);
  --color-text-action-primary-default-pressed: var(--semantic-color-neutral-0);
  --color-text-action-primary-default-disabled: var(--semantic-color-neutral-1000);
  --color-text-action-primary-destructive-active: var(--semantic-color-neutral-0);
  --color-text-action-primary-destructive-hovered: var(--semantic-color-neutral-0);
  --color-text-action-primary-destructive-pressed: var(--semantic-color-neutral-0);
  --color-text-action-primary-destructive-disabled: var(--semantic-color-neutral-1000);
  --color-text-action-primary-monochrome-active: var(--semantic-color-neutral-1000);
  --color-text-action-primary-monochrome-hovered: var(--semantic-color-neutral-1000);
  --color-text-action-primary-monochrome-pressed: var(--semantic-color-neutral-1000);
  --color-text-action-primary-monochrome-disabled: var(--semantic-color-neutral-1000);
  --color-text-action-primary-static-active: var(--semantic-color-neutral-1000);
  --color-text-action-primary-static-hovered: var(--semantic-color-neutral-1000);
  --color-text-action-primary-static-pressed: var(--semantic-color-neutral-1000);
  --color-text-action-primary-static-disabled: var(--semantic-color-neutral-1000-opacity50);
  --color-text-action-secondary-default-active: var(--semantic-color-neutral-25);
  --color-text-action-secondary-default-hovered: var(--semantic-color-neutral-50);
  --color-text-action-secondary-default-pressed: var(--semantic-color-neutral-100);
  --color-text-action-secondary-default-disabled: var(--semantic-color-neutral-400);
  --color-text-action-secondary-destructive-active: var(--semantic-color-error-25);
  --color-text-action-secondary-destructive-hovered: var(--semantic-color-error-25);
  --color-text-action-secondary-destructive-pressed: var(--semantic-color-error-25);
  --color-text-action-secondary-destructive-disabled: var(--semantic-color-neutral-400);
  --color-text-action-secondary-monochrome-active: var(--semantic-color-neutral-25);
  --color-text-action-secondary-monochrome-hovered: var(--semantic-color-neutral-50);
  --color-text-action-secondary-monochrome-pressed: var(--semantic-color-neutral-100);
  --color-text-action-secondary-monochrome-disabled: var(--semantic-color-neutral-400);
  --color-text-action-secondary-static-active: var(--semantic-color-neutral-0);
  --color-text-action-secondary-static-hovered: var(--semantic-color-neutral-0);
  --color-text-action-secondary-static-pressed: var(--semantic-color-neutral-0);
  --color-text-action-secondary-static-disabled: var(--semantic-color-neutral-0-opacity40);
  --color-text-action-tertiary-default-active: var(--semantic-color-neutral-25);
  --color-text-action-tertiary-default-hovered: var(--semantic-color-neutral-50);
  --color-text-action-tertiary-default-pressed: var(--semantic-color-neutral-100);
  --color-text-action-tertiary-default-disabled: var(--semantic-color-neutral-400);
  --color-text-action-tertiary-destructive-active: var(--semantic-color-error-25);
  --color-text-action-tertiary-destructive-hovered: var(--semantic-color-error-25);
  --color-text-action-tertiary-destructive-pressed: var(--semantic-color-error-25);
  --color-text-action-tertiary-destructive-disabled: var(--semantic-color-neutral-400);
  --color-text-action-tertiary-monochrome-active: var(--semantic-color-neutral-25);
  --color-text-action-tertiary-monochrome-hovered: var(--semantic-color-neutral-50);
  --color-text-action-tertiary-monochrome-pressed: var(--semantic-color-neutral-100);
  --color-text-action-tertiary-monochrome-disabled: var(--semantic-color-neutral-400);
  --color-text-action-tertiary-static-active: var(--semantic-color-neutral-0);
  --color-text-action-tertiary-static-hovered: var(--semantic-color-neutral-0);
  --color-text-action-tertiary-static-pressed: var(--semantic-color-neutral-0);
  --color-text-action-tertiary-static-disabled: var(--semantic-color-neutral-0-opacity40);
  --color-text-action-borderless-default-active: var(--semantic-color-neutral-25);
  --color-text-action-borderless-default-hovered: var(--semantic-color-neutral-25);
  --color-text-action-borderless-default-pressed: var(--semantic-color-neutral-25);
  --color-text-action-borderless-default-disabled: var(--semantic-color-neutral-400);
  --color-text-action-borderless-destructive-active: var(--semantic-color-neutral-25);
  --color-text-action-borderless-destructive-hovered: var(--semantic-color-neutral-25);
  --color-text-action-borderless-destructive-pressed: var(--semantic-color-neutral-25);
  --color-text-action-borderless-destructive-disabled: var(--semantic-color-neutral-400);
  --color-text-action-borderless-monochrome-active: var(--semantic-color-neutral-25);
  --color-text-action-borderless-monochrome-hovered: var(--semantic-color-neutral-25);
  --color-text-action-borderless-monochrome-pressed: var(--semantic-color-neutral-25);
  --color-text-action-borderless-monochrome-disabled: var(--semantic-color-neutral-400);
  --color-text-action-borderless-static-active: var(--semantic-color-neutral-0);
  --color-text-action-borderless-static-hovered: var(--semantic-color-neutral-0);
  --color-text-action-borderless-static-pressed: var(--semantic-color-neutral-0);
  --color-text-action-borderless-static-disabled: var(--semantic-color-neutral-0-opacity40);
  --color-text-error-default: var(--semantic-color-error-400);
  --color-text-error-hovered: var(--semantic-color-error-500);
  --color-text-error-pressed: var(--semantic-color-error-600);
  --color-text-static-light: var(--semantic-color-neutral-0);
  --color-text-static-light-subtle: var(--semantic-color-neutral-0-opacity80);
  --color-text-static-light-subtler: var(--semantic-color-neutral-0-opacity60);
  --color-text-static-light-subtlest: var(--semantic-color-neutral-0-opacity40);
  --color-text-static-dark: var(--semantic-color-neutral-1000);
  --color-text-static-dark-subtle: var(--semantic-color-neutral-1000-opacity80);
  --color-text-static-dark-subtler: var(--semantic-color-neutral-1000-opacity60);
  --color-text-static-dark-subtlest: var(--semantic-color-neutral-1000-opacity40);
  --color-text-link-default: var(--semantic-color-primary-400);
  --color-text-link-hovered: var(--semantic-color-primary-600);
  --color-text-link-pressed: var(--semantic-color-primary-700);
  --color-text-link-visited: var(--semantic-color-accent-400);
  --color-icon-default: var(--semantic-color-neutral-25);
  --color-icon-subtle: var(--semantic-color-neutral-200);
  --color-icon-subtler: var(--semantic-color-neutral-400);
  --color-icon-menu-default: var(--semantic-color-neutral-500);
  --color-icon-menu-bold: var(--semantic-color-neutral-900);
  --color-icon-menu-active: var(--semantic-color-primary-400);
  --color-icon-action-primary-default-active: var(--foundation-color-neutral-0);
  --color-icon-action-primary-default-hovered: var(--foundation-color-neutral-0);
  --color-icon-action-primary-default-pressed: var(--foundation-color-neutral-0);
  --color-icon-action-primary-default-disabled: var(--foundation-color-neutral-1000);
  --color-icon-action-primary-destructive-active: var(--foundation-color-neutral-0);
  --color-icon-action-primary-destructive-hovered: var(--foundation-color-neutral-0);
  --color-icon-action-primary-destructive-pressed: var(--foundation-color-neutral-0);
  --color-icon-action-primary-destructive-disabled: var(--foundation-color-neutral-1000);
  --color-icon-action-primary-monochrome-active: var(--foundation-color-neutral-1000);
  --color-icon-action-primary-monochrome-hovered: var(--foundation-color-neutral-1000);
  --color-icon-action-primary-monochrome-pressed: var(--foundation-color-neutral-1000);
  --color-icon-action-primary-monochrome-disabled: var(--foundation-color-neutral-1000);
  --color-icon-action-primary-static-active: var(--foundation-color-neutral-1000);
  --color-icon-action-primary-static-hovered: var(--foundation-color-neutral-1000);
  --color-icon-action-primary-static-pressed: var(--foundation-color-neutral-1000);
  --color-icon-action-primary-static-disabled: var(--semantic-color-neutral-1000-opacity50);
  --color-icon-action-secondary-default-active: var(--semantic-color-primary-400);
  --color-icon-action-secondary-default-hovered: var(--semantic-color-primary-500);
  --color-icon-action-secondary-default-pressed: var(--semantic-color-primary-600);
  --color-icon-action-secondary-default-disabled: var(--semantic-color-neutral-400);
  --color-icon-action-secondary-destructive-active: var(--semantic-color-error-25);
  --color-icon-action-secondary-destructive-hovered: var(--semantic-color-error-25);
  --color-icon-action-secondary-destructive-pressed: var(--semantic-color-error-25);
  --color-icon-action-secondary-destructive-disabled: var(--semantic-color-neutral-400);
  --color-icon-action-secondary-monochrome-active: var(--foundation-color-neutral-25);
  --color-icon-action-secondary-monochrome-hovered: var(--foundation-color-neutral-25);
  --color-icon-action-secondary-monochrome-pressed: var(--foundation-color-neutral-25);
  --color-icon-action-secondary-monochrome-disabled: var(--semantic-color-neutral-400);
  --color-icon-action-secondary-static-active: var(--semantic-color-neutral-0);
  --color-icon-action-secondary-static-hovered: var(--semantic-color-neutral-0);
  --color-icon-action-secondary-static-pressed: var(--semantic-color-neutral-0);
  --color-icon-action-secondary-static-disabled: var(--semantic-color-neutral-0-opacity40);
  --color-icon-action-tertiary-default-active: var(--semantic-color-primary-400);
  --color-icon-action-tertiary-default-hovered: var(--semantic-color-primary-500);
  --color-icon-action-tertiary-default-pressed: var(--semantic-color-primary-600);
  --color-icon-action-tertiary-default-disabled: var(--semantic-color-neutral-500);
  --color-icon-action-tertiary-destructive-active: var(--semantic-color-error-400);
  --color-icon-action-tertiary-destructive-hovered: var(--semantic-color-error-25);
  --color-icon-action-tertiary-destructive-pressed: var(--semantic-color-error-25);
  --color-icon-action-tertiary-destructive-disabled: var(--semantic-color-neutral-500);
  --color-icon-action-tertiary-monochrome-active: var(--foundation-color-neutral-400);
  --color-icon-action-tertiary-monochrome-hovered: var(--foundation-color-neutral-400);
  --color-icon-action-tertiary-monochrome-pressed: var(--foundation-color-neutral-400);
  --color-icon-action-tertiary-monochrome-disabled: var(--semantic-color-neutral-500);
  --color-icon-action-tertiary-static-active: var(--foundation-color-neutral-0);
  --color-icon-action-tertiary-static-hovered: var(--foundation-color-neutral-0);
  --color-icon-action-tertiary-static-pressed: var(--foundation-color-neutral-0);
  --color-icon-action-tertiary-static-disabled: var(--semantic-color-neutral-0-opacity40);
  --color-icon-action-borderless-default-active: var(--semantic-color-primary-400);
  --color-icon-action-borderless-default-hovered: var(--semantic-color-primary-500);
  --color-icon-action-borderless-default-pressed: var(--semantic-color-primary-600);
  --color-icon-action-borderless-default-disabled: var(--semantic-color-neutral-400);
  --color-icon-action-borderless-destructive-active: var(--semantic-color-error-400);
  --color-icon-action-borderless-destructive-hovered: var(--semantic-color-error-400);
  --color-icon-action-borderless-destructive-pressed: var(--semantic-color-error-600);
  --color-icon-action-borderless-destructive-disabled: var(--semantic-color-neutral-400);
  --color-icon-action-borderless-monochrome-active: var(--foundation-color-neutral-400);
  --color-icon-action-borderless-monochrome-hovered: var(--foundation-color-neutral-400);
  --color-icon-action-borderless-monochrome-pressed: var(--foundation-color-neutral-400);
  --color-icon-action-borderless-monochrome-disabled: var(--semantic-color-neutral-500);
  --color-icon-action-borderless-static-active: var(--foundation-color-neutral-0);
  --color-icon-action-borderless-static-hovered: var(--foundation-color-neutral-0);
  --color-icon-action-borderless-static-pressed: var(--foundation-color-neutral-0);
  --color-icon-action-borderless-static-disabled: var(--semantic-color-neutral-0-opacity40);
  --color-icon-error-default: var(--semantic-color-error-400);
  --color-icon-error-hovered: var(--semantic-color-error-500);
  --color-icon-error-pressed: var(--semantic-color-error-600);
  --color-icon-static-light: var(--semantic-color-neutral-0);
  --color-icon-static-light-subtle: var(--semantic-color-neutral-0-opacity80);
  --color-icon-static-light-subtler: var(--semantic-color-neutral-0-opacity60);
  --color-icon-static-dark: var(--semantic-color-neutral-1000);
  --color-icon-static-dark-subtle: var(--semantic-color-neutral-1000-opacity80);
  --color-icon-static-dark-subtler: var(--semantic-color-neutral-1000-opacity60);
  --color-icon-accent-default: var(--semantic-color-primary-400);
  --color-icon-accent-hovered: var(--semantic-color-primary-600);
  --color-icon-accent-pressed: var(--semantic-color-primary-700);
  --color-background-overlay: var(--semantic-color-neutral-1000-opacity15);
  --color-background-default: var(--semantic-color-neutral-850);
  --color-background-hover: var(--semantic-color-neutral-750);
  --color-background-pressed: var(--semantic-color-neutral-800);
  --color-background-surface-sunken-active: var(--semantic-color-neutral-950);
  --color-background-surface-page-active: var(--semantic-color-neutral-900);
  --color-background-surface-page-hovered: var(--semantic-color-neutral-850);
  --color-background-surface-page-pressed: var(--semantic-color-neutral-950);
  --color-background-surface-raised-active: var(--semantic-color-neutral-850);
  --color-background-surface-raised-hovered: var(--semantic-color-neutral-800);
  --color-background-surface-raised-pressed: var(--semantic-color-neutral-900);
  --color-background-surface-modal-default: var(--semantic-color-neutral-800);
  --color-background-surface-modal-hovered: var(--semantic-color-neutral-750);
  --color-background-surface-modal-pressed: var(--semantic-color-neutral-850);
  --color-background-action-primary-default-active: var(--semantic-color-primary-400);
  --color-background-action-primary-default-hovered: var(--semantic-color-primary-500);
  --color-background-action-primary-default-pressed: var(--semantic-color-primary-600);
  --color-background-action-primary-default-disabled: var(--semantic-color-neutral-700);
  --color-background-action-primary-destructive-active: var(--semantic-color-error-400);
  --color-background-action-primary-destructive-hovered: var(--semantic-color-error-500);
  --color-background-action-primary-destructive-pressed: var(--semantic-color-error-600);
  --color-background-action-primary-destructive-disabled: var(--semantic-color-neutral-700);
  --color-background-action-primary-monochrome-active: var(--semantic-color-neutral-0);
  --color-background-action-primary-monochrome-hovered: var(--semantic-color-neutral-100);
  --color-background-action-primary-monochrome-pressed: var(--semantic-color-neutral-200);
  --color-background-action-primary-monochrome-disabled: var(--semantic-color-neutral-700);
  --color-background-action-primary-static-active: var(--semantic-color-neutral-0);
  --color-background-action-primary-static-hovered: var(--semantic-color-neutral-25);
  --color-background-action-primary-static-pressed: var(--semantic-color-neutral-100);
  --color-background-action-primary-static-disabled: var(--foundation-color-neutral-0-opacity40);
  --color-background-action-secondary-default-active: var(--semantic-color-neutral-400-opacity20);
  --color-background-action-secondary-default-hovered: var(--semantic-color-neutral-400-opacity30);
  --color-background-action-secondary-default-pressed: var(--semantic-color-neutral-400-opacity10);
  --color-background-action-secondary-default-disabled: var(--semantic-color-neutral-400-opacity10);
  --color-background-action-secondary-destructive-active: var(--semantic-color-error-400-opacity40);
  --color-background-action-secondary-destructive-hovered: var(--semantic-color-error-400-opacity50);
  --color-background-action-secondary-destructive-pressed: var(--semantic-color-error-400-opacity30);
  --color-background-action-secondary-destructive-disabled: var(--semantic-color-neutral-400-opacity10);
  --color-background-action-secondary-monochrome-active: var(--semantic-color-neutral-400-opacity20);
  --color-background-action-secondary-monochrome-hovered: var(--semantic-color-neutral-400-opacity30);
  --color-background-action-secondary-monochrome-pressed: var(--semantic-color-neutral-400-opacity10);
  --color-background-action-secondary-monochrome-disabled: var(--semantic-color-neutral-400-opacity10);
  --color-background-action-secondary-static-active: var(--semantic-color-neutral-0-opacity20);
  --color-background-action-secondary-static-hovered: var(--semantic-color-neutral-0-opacity30);
  --color-background-action-secondary-static-pressed: var(--semantic-color-neutral-0-opacity5);
  --color-background-action-secondary-static-disabled: var(--semantic-color-neutral-0-opacity20);
  --color-background-action-tertiary-default-active: var(--foundation-color-null);
  --color-background-action-tertiary-default-hovered: var(--semantic-color-neutral-400-opacity30);
  --color-background-action-tertiary-default-pressed: var(--semantic-color-neutral-400-opacity10);
  --color-background-action-tertiary-default-disabled: var(--foundation-color-null);
  --color-background-action-tertiary-destructive-active: var(--foundation-color-null);
  --color-background-action-tertiary-destructive-hovered: var(--semantic-color-error-400-opacity50);
  --color-background-action-tertiary-destructive-pressed: var(--semantic-color-error-400-opacity30);
  --color-background-action-tertiary-destructive-disabled: var(--foundation-color-null);
  --color-background-action-tertiary-monochrome-active: var(--foundation-color-null);
  --color-background-action-tertiary-monochrome-hovered: var(--semantic-color-neutral-400-opacity30);
  --color-background-action-tertiary-monochrome-pressed: var(--semantic-color-neutral-400-opacity10);
  --color-background-action-tertiary-monochrome-disabled: var(--foundation-color-null);
  --color-background-action-tertiary-static-active: var(--semantic-color-neutral-1000-opacity10);
  --color-background-action-tertiary-static-hovered: var(--semantic-color-neutral-0-opacity30);
  --color-background-action-tertiary-static-pressed: var(--semantic-color-neutral-0-opacity5);
  --color-background-action-tertiary-static-disabled: var(--semantic-color-neutral-1000-opacity10);
  --color-background-action-borderless-default-active: var(--foundation-color-null);
  --color-background-action-borderless-default-hovered: var(--semantic-color-neutral-400-opacity30);
  --color-background-action-borderless-default-pressed: var(--semantic-color-neutral-400-opacity10);
  --color-background-action-borderless-default-disabled: var(--foundation-color-null);
  --color-background-action-borderless-destructive-active: var(--foundation-color-null);
  --color-background-action-borderless-destructive-hovered: var(--semantic-color-neutral-400-opacity30);
  --color-background-action-borderless-destructive-pressed: var(--semantic-color-neutral-400-opacity10);
  --color-background-action-borderless-destructive-disabled: var(--foundation-color-null);
  --color-background-action-borderless-monochrome-active: var(--foundation-color-null);
  --color-background-action-borderless-monochrome-hovered: var(--semantic-color-neutral-400-opacity30);
  --color-background-action-borderless-monochrome-pressed: var(--semantic-color-neutral-400-opacity10);
  --color-background-action-borderless-monochrome-disabled: var(--foundation-color-null);
  --color-background-action-borderless-static-active: var(--semantic-color-neutral-1000-opacity10);
  --color-background-action-borderless-static-hovered: var(--semantic-color-neutral-0-opacity30);
  --color-background-action-borderless-static-pressed: var(--semantic-color-neutral-0-opacity5);
  --color-background-action-borderless-static-disabled: var(--semantic-color-neutral-1000-opacity10);
  --color-background-input-active: var(--semantic-color-neutral-800);
  --color-background-input-hovered: var(--semantic-color-neutral-750);
  --color-background-input-pressed: var(--semantic-color-neutral-850);
  --color-background-static-light: var(--semantic-color-neutral-0);
  --color-background-static-dark: var(--semantic-color-neutral-1000-opacity80);
  --color-background-menu-active: var(--semantic-color-neutral-400-opacity20);
  --color-background-menu-hovered: var(--semantic-color-neutral-400-opacity20);
  --color-background-menu-default: var(--foundation-color-null);
  --color-border-default: var(--semantic-color-neutral-400-opacity70);
  --color-border-subtle: var(--semantic-color-neutral-400-opacity40);
  --color-border-bold: var(--semantic-color-neutral-400);
  --color-border-brand: var(--semantic-color-primary-400);
  --color-border-error: var(--semantic-color-error-400);
  --color-border-focused: var(--semantic-color-primary-400);
  --color-border-disabled: var(--semantic-color-neutral-400-opacity20);
  --color-border-inset: var(--semantic-color-neutral-600-opacity10);
  --color-border-separator: var(--semantic-color-neutral-200-opacity10);
  --color-border-static-light: var(--semantic-color-neutral-0);
  --color-border-static-light-subtle: var(--semantic-color-neutral-0-opacity80);
  --color-border-static-light-subtler: var(--semantic-color-neutral-0-opacity60);
  --color-border-static-dark: var(--semantic-color-neutral-1000);
  --color-border-static-dark-subtle: var(--semantic-color-neutral-1000-opacity80);
  --color-border-static-dark-subtler: var(--semantic-color-neutral-1000-opacity60);
  --color-border-action-primary-default-active: var(--foundation-color-null);
  --color-border-action-primary-default-hovered: var(--foundation-color-null);
  --color-border-action-primary-default-pressed: var(--foundation-color-null);
  --color-border-action-primary-default-disabled: var(--foundation-color-null);
  --color-border-action-primary-destructive-active: var(--foundation-color-null);
  --color-border-action-primary-destructive-hovered: var(--foundation-color-null);
  --color-border-action-primary-destructive-pressed: var(--foundation-color-null);
  --color-border-action-primary-destructive-disabled: var(--foundation-color-null);
  --color-border-action-primary-monochrome-active: var(--foundation-color-null);
  --color-border-action-primary-monochrome-hovered: var(--foundation-color-null);
  --color-border-action-primary-monochrome-pressed: var(--foundation-color-null);
  --color-border-action-primary-monochrome-disabled: var(--foundation-color-null);
  --color-border-action-primary-static-active: var(--foundation-color-null);
  --color-border-action-primary-static-hovered: var(--foundation-color-null);
  --color-border-action-primary-static-pressed: var(--foundation-color-null);
  --color-border-action-primary-static-disabled: var(--foundation-color-null);
  --color-border-action-secondary-default-active: var(--foundation-color-null);
  --color-border-action-secondary-default-hovered: var(--foundation-color-null);
  --color-border-action-secondary-default-pressed: var(--foundation-color-null);
  --color-border-action-secondary-default-disabled: var(--foundation-color-null);
  --color-border-action-secondary-destructive-active: var(--foundation-color-null);
  --color-border-action-secondary-destructive-hovered: var(--foundation-color-null);
  --color-border-action-secondary-destructive-pressed: var(--foundation-color-null);
  --color-border-action-secondary-destructive-disabled: var(--foundation-color-null);
  --color-border-action-secondary-monochrome-active: var(--foundation-color-null);
  --color-border-action-secondary-monochrome-hovered: var(--foundation-color-null);
  --color-border-action-secondary-monochrome-pressed: var(--foundation-color-null);
  --color-border-action-secondary-monochrome-disabled: var(--foundation-color-null);
  --color-border-action-secondary-static-active: var(--foundation-color-null);
  --color-border-action-secondary-static-hovered: var(--foundation-color-null);
  --color-border-action-secondary-static-pressed: var(--foundation-color-null);
  --color-border-action-secondary-static-disabled: var(--foundation-color-null);
  --color-border-action-tertiary-default-active: var(--semantic-color-neutral-400-opacity20);
  --color-border-action-tertiary-default-hovered: var(--foundation-color-null);
  --color-border-action-tertiary-default-pressed: var(--foundation-color-null);
  --color-border-action-tertiary-default-disabled: var(--foundation-color-null);
  --color-border-action-tertiary-destructive-active: var(--semantic-color-error-400-opacity40);
  --color-border-action-tertiary-destructive-hovered: var(--foundation-color-null);
  --color-border-action-tertiary-destructive-pressed: var(--foundation-color-null);
  --color-border-action-tertiary-destructive-disabled: var(--foundation-color-null);
  --color-border-action-tertiary-monochrome-active: var(--semantic-color-neutral-400-opacity20);
  --color-border-action-tertiary-monochrome-hovered: var(--foundation-color-null);
  --color-border-action-tertiary-monochrome-pressed: var(--foundation-color-null);
  --color-border-action-tertiary-monochrome-disabled: var(--foundation-color-null);
  --color-border-action-tertiary-static-active: var(--semantic-color-neutral-0-opacity20);
  --color-border-action-tertiary-static-hovered: var(--foundation-color-null);
  --color-border-action-tertiary-static-pressed: var(--foundation-color-null);
  --color-border-action-tertiary-static-disabled: var(--foundation-color-null);
  --color-border-action-borderless-default-active: var(--foundation-color-null);
  --color-border-action-borderless-default-hovered: var(--foundation-color-null);
  --color-border-action-borderless-default-pressed: var(--foundation-color-null);
  --color-border-action-borderless-default-disabled: var(--foundation-color-null);
  --color-border-action-borderless-destructive-active: var(--foundation-color-null);
  --color-border-action-borderless-destructive-hovered: var(--foundation-color-null);
  --color-border-action-borderless-destructive-pressed: var(--foundation-color-null);
  --color-border-action-borderless-destructive-disabled: var(--foundation-color-null);
  --color-border-action-borderless-monochrome-active: var(--foundation-color-null);
  --color-border-action-borderless-monochrome-hovered: var(--foundation-color-null);
  --color-border-action-borderless-monochrome-pressed: var(--foundation-color-null);
  --color-border-action-borderless-monochrome-disabled: var(--foundation-color-null);
  --color-border-action-borderless-static-active: var(--foundation-color-null);
  --color-border-action-borderless-static-hovered: var(--foundation-color-null);
  --color-border-action-borderless-static-pressed: var(--foundation-color-null);
  --color-border-action-borderless-static-disabled: var(--foundation-color-null);
}

.hydrogen-dark {
  color-scheme: dark;
}

:root, .hydrogen-light {
  --color-accent-brand: var(--semantic-color-primary-400);
  --color-accent-brand-hovered: var(--semantic-color-primary-600);
  --color-accent-brand-pressed: var(--semantic-color-primary-700);
  --color-text-default: var(--semantic-color-neutral-900);
  --color-text-hovered: var(--semantic-color-neutral-950);
  --color-text-pressed: var(--semantic-color-neutral-1000);
  --color-text-subtle: var(--semantic-color-neutral-600);
  --color-text-subtle-hovered: var(--semantic-color-neutral-700);
  --color-text-subtle-pressed: var(--semantic-color-neutral-800);
  --color-text-subtler: var(--semantic-color-neutral-400);
  --color-text-subtler-hovered: var(--semantic-color-neutral-500);
  --color-text-subtler-pressed: var(--semantic-color-neutral-600);
  --color-text-subtlest: var(--semantic-color-neutral-300);
  --color-text-subtlest-hovered: var(--semantic-color-neutral-400);
  --color-text-subtlest-pressed: var(--semantic-color-neutral-500);
  --color-text-menu-default: var(--semantic-color-neutral-900);
  --color-text-menu-disabled: var(--semantic-color-neutral-500);
  --color-text-action-primary-default-active: var(--semantic-color-neutral-0);
  --color-text-action-primary-default-hovered: var(--semantic-color-neutral-0);
  --color-text-action-primary-default-pressed: var(--semantic-color-neutral-0);
  --color-text-action-primary-default-disabled: var(--semantic-color-neutral-500);
  --color-text-action-primary-destructive-active: var(--semantic-color-neutral-0);
  --color-text-action-primary-destructive-hovered: var(--semantic-color-neutral-0);
  --color-text-action-primary-destructive-pressed: var(--semantic-color-neutral-0);
  --color-text-action-primary-destructive-disabled: var(--semantic-color-neutral-500);
  --color-text-action-primary-monochrome-active: var(--semantic-color-neutral-0);
  --color-text-action-primary-monochrome-hovered: var(--semantic-color-neutral-0);
  --color-text-action-primary-monochrome-pressed: var(--semantic-color-neutral-0);
  --color-text-action-primary-monochrome-disabled: var(--semantic-color-neutral-500);
  --color-text-action-primary-static-active: var(--semantic-color-neutral-1000);
  --color-text-action-primary-static-hovered: var(--semantic-color-neutral-1000);
  --color-text-action-primary-static-pressed: var(--semantic-color-neutral-1000);
  --color-text-action-primary-static-disabled: var(--semantic-color-neutral-1000-opacity50);
  --color-text-action-secondary-default-active: var(--semantic-color-neutral-900);
  --color-text-action-secondary-default-hovered: var(--semantic-color-neutral-950);
  --color-text-action-secondary-default-pressed: var(--semantic-color-neutral-1000);
  --color-text-action-secondary-default-disabled: var(--semantic-color-neutral-500);
  --color-text-action-secondary-destructive-active: var(--semantic-color-error-600);
  --color-text-action-secondary-destructive-hovered: var(--semantic-color-error-600);
  --color-text-action-secondary-destructive-pressed: var(--semantic-color-error-600);
  --color-text-action-secondary-destructive-disabled: var(--semantic-color-neutral-500);
  --color-text-action-secondary-monochrome-active: var(--semantic-color-neutral-900);
  --color-text-action-secondary-monochrome-hovered: var(--semantic-color-neutral-950);
  --color-text-action-secondary-monochrome-pressed: var(--semantic-color-neutral-1000);
  --color-text-action-secondary-monochrome-disabled: var(--semantic-color-neutral-500);
  --color-text-action-secondary-static-active: var(--semantic-color-neutral-0);
  --color-text-action-secondary-static-hovered: var(--semantic-color-neutral-0);
  --color-text-action-secondary-static-pressed: var(--semantic-color-neutral-0);
  --color-text-action-secondary-static-disabled: var(--semantic-color-neutral-0-opacity40);
  --color-text-action-tertiary-default-active: var(--semantic-color-neutral-900);
  --color-text-action-tertiary-default-hovered: var(--semantic-color-neutral-950);
  --color-text-action-tertiary-default-pressed: var(--semantic-color-neutral-1000);
  --color-text-action-tertiary-default-disabled: var(--semantic-color-neutral-500);
  --color-text-action-tertiary-destructive-active: var(--semantic-color-error-500);
  --color-text-action-tertiary-destructive-hovered: var(--semantic-color-error-600);
  --color-text-action-tertiary-destructive-pressed: var(--semantic-color-error-600);
  --color-text-action-tertiary-destructive-disabled: var(--semantic-color-neutral-500);
  --color-text-action-tertiary-monochrome-active: var(--semantic-color-neutral-900);
  --color-text-action-tertiary-monochrome-hovered: var(--semantic-color-neutral-950);
  --color-text-action-tertiary-monochrome-pressed: var(--semantic-color-neutral-1000);
  --color-text-action-tertiary-monochrome-disabled: var(--semantic-color-neutral-500);
  --color-text-action-tertiary-static-active: var(--semantic-color-neutral-0);
  --color-text-action-tertiary-static-hovered: var(--semantic-color-neutral-0);
  --color-text-action-tertiary-static-pressed: var(--semantic-color-neutral-0);
  --color-text-action-tertiary-static-disabled: var(--semantic-color-neutral-0-opacity40);
  --color-text-action-borderless-default-active: var(--semantic-color-neutral-900);
  --color-text-action-borderless-default-hovered: var(--semantic-color-neutral-900);
  --color-text-action-borderless-default-pressed: var(--semantic-color-neutral-900);
  --color-text-action-borderless-default-disabled: var(--semantic-color-neutral-500);
  --color-text-action-borderless-destructive-active: var(--semantic-color-neutral-900);
  --color-text-action-borderless-destructive-hovered: var(--semantic-color-neutral-900);
  --color-text-action-borderless-destructive-pressed: var(--semantic-color-neutral-900);
  --color-text-action-borderless-destructive-disabled: var(--semantic-color-neutral-500);
  --color-text-action-borderless-monochrome-active: var(--semantic-color-neutral-900);
  --color-text-action-borderless-monochrome-hovered: var(--semantic-color-neutral-900);
  --color-text-action-borderless-monochrome-pressed: var(--semantic-color-neutral-900);
  --color-text-action-borderless-monochrome-disabled: var(--semantic-color-neutral-500);
  --color-text-action-borderless-static-active: var(--semantic-color-neutral-0);
  --color-text-action-borderless-static-hovered: var(--semantic-color-neutral-0);
  --color-text-action-borderless-static-pressed: var(--semantic-color-neutral-0);
  --color-text-action-borderless-static-disabled: var(--semantic-color-neutral-0-opacity40);
  --color-text-error-default: var(--semantic-color-error-400);
  --color-text-error-hovered: var(--semantic-color-error-500);
  --color-text-error-pressed: var(--semantic-color-error-600);
  --color-text-static-light: var(--semantic-color-neutral-0);
  --color-text-static-light-subtle: var(--semantic-color-neutral-0-opacity80);
  --color-text-static-light-subtler: var(--semantic-color-neutral-0-opacity60);
  --color-text-static-light-subtlest: var(--semantic-color-neutral-0-opacity40);
  --color-text-static-dark: var(--semantic-color-neutral-1000);
  --color-text-static-dark-subtle: var(--semantic-color-neutral-1000-opacity80);
  --color-text-static-dark-subtler: var(--semantic-color-neutral-1000-opacity60);
  --color-text-static-dark-subtlest: var(--semantic-color-neutral-1000-opacity40);
  --color-text-link-default: var(--semantic-color-primary-600);
  --color-text-link-hovered: var(--semantic-color-primary-700);
  --color-text-link-pressed: var(--semantic-color-primary-800);
  --color-text-link-visited: var(--semantic-color-accent-800);
  --color-icon-default: var(--semantic-color-neutral-900);
  --color-icon-subtle: var(--semantic-color-neutral-600);
  --color-icon-subtler: var(--semantic-color-neutral-400);
  --color-icon-menu-default: var(--semantic-color-neutral-300);
  --color-icon-menu-bold: var(--semantic-color-neutral-900);
  --color-icon-menu-active: var(--semantic-color-primary-400);
  --color-icon-action-primary-default-active: var(--foundation-color-neutral-0);
  --color-icon-action-primary-default-hovered: var(--foundation-color-neutral-0);
  --color-icon-action-primary-default-pressed: var(--foundation-color-neutral-0);
  --color-icon-action-primary-default-disabled: var(--foundation-color-neutral-500);
  --color-icon-action-primary-destructive-active: var(--foundation-color-neutral-0);
  --color-icon-action-primary-destructive-hovered: var(--foundation-color-neutral-0);
  --color-icon-action-primary-destructive-pressed: var(--foundation-color-neutral-0);
  --color-icon-action-primary-destructive-disabled: var(--foundation-color-neutral-500);
  --color-icon-action-primary-monochrome-active: var(--foundation-color-neutral-0);
  --color-icon-action-primary-monochrome-hovered: var(--foundation-color-neutral-0);
  --color-icon-action-primary-monochrome-pressed: var(--foundation-color-neutral-0);
  --color-icon-action-primary-monochrome-disabled: var(--foundation-color-neutral-0);
  --color-icon-action-primary-static-active: var(--foundation-color-neutral-1000);
  --color-icon-action-primary-static-hovered: var(--foundation-color-neutral-1000);
  --color-icon-action-primary-static-pressed: var(--foundation-color-neutral-1000);
  --color-icon-action-primary-static-disabled: var(--semantic-color-neutral-1000-opacity50);
  --color-icon-action-secondary-default-active: var(--semantic-color-primary-400);
  --color-icon-action-secondary-default-hovered: var(--semantic-color-primary-500);
  --color-icon-action-secondary-default-pressed: var(--semantic-color-primary-600);
  --color-icon-action-secondary-default-disabled: var(--semantic-color-neutral-500);
  --color-icon-action-secondary-destructive-active: var(--semantic-color-error-600);
  --color-icon-action-secondary-destructive-hovered: var(--semantic-color-error-600);
  --color-icon-action-secondary-destructive-pressed: var(--semantic-color-error-600);
  --color-icon-action-secondary-destructive-disabled: var(--semantic-color-neutral-500);
  --color-icon-action-secondary-monochrome-active: var(--foundation-color-neutral-900);
  --color-icon-action-secondary-monochrome-hovered: var(--foundation-color-neutral-900);
  --color-icon-action-secondary-monochrome-pressed: var(--foundation-color-neutral-900);
  --color-icon-action-secondary-monochrome-disabled: var(--semantic-color-neutral-500);
  --color-icon-action-secondary-static-active: var(--semantic-color-neutral-0);
  --color-icon-action-secondary-static-hovered: var(--semantic-color-neutral-0);
  --color-icon-action-secondary-static-pressed: var(--semantic-color-neutral-0);
  --color-icon-action-secondary-static-disabled: var(--semantic-color-neutral-0-opacity40);
  --color-icon-action-tertiary-default-active: var(--semantic-color-primary-400);
  --color-icon-action-tertiary-default-hovered: var(--semantic-color-primary-500);
  --color-icon-action-tertiary-default-pressed: var(--semantic-color-primary-600);
  --color-icon-action-tertiary-default-disabled: var(--semantic-color-neutral-300);
  --color-icon-action-tertiary-destructive-active: var(--semantic-color-error-500);
  --color-icon-action-tertiary-destructive-hovered: var(--semantic-color-error-600);
  --color-icon-action-tertiary-destructive-pressed: var(--semantic-color-error-600);
  --color-icon-action-tertiary-destructive-disabled: var(--semantic-color-neutral-300);
  --color-icon-action-tertiary-monochrome-active: var(--foundation-color-neutral-400);
  --color-icon-action-tertiary-monochrome-hovered: var(--foundation-color-neutral-400);
  --color-icon-action-tertiary-monochrome-pressed: var(--foundation-color-neutral-400);
  --color-icon-action-tertiary-monochrome-disabled: var(--semantic-color-neutral-300);
  --color-icon-action-tertiary-static-active: var(--foundation-color-neutral-0);
  --color-icon-action-tertiary-static-hovered: var(--foundation-color-neutral-0);
  --color-icon-action-tertiary-static-pressed: var(--foundation-color-neutral-0);
  --color-icon-action-tertiary-static-disabled: var(--semantic-color-neutral-0-opacity40);
  --color-icon-action-borderless-default-active: var(--semantic-color-primary-400);
  --color-icon-action-borderless-default-hovered: var(--semantic-color-primary-500);
  --color-icon-action-borderless-default-pressed: var(--semantic-color-primary-600);
  --color-icon-action-borderless-default-disabled: var(--semantic-color-neutral-500);
  --color-icon-action-borderless-destructive-active: var(--semantic-color-error-500);
  --color-icon-action-borderless-destructive-hovered: var(--semantic-color-error-500);
  --color-icon-action-borderless-destructive-pressed: var(--semantic-color-error-600);
  --color-icon-action-borderless-destructive-disabled: var(--semantic-color-neutral-500);
  --color-icon-action-borderless-monochrome-active: var(--foundation-color-neutral-400);
  --color-icon-action-borderless-monochrome-hovered: var(--foundation-color-neutral-400);
  --color-icon-action-borderless-monochrome-pressed: var(--foundation-color-neutral-400);
  --color-icon-action-borderless-monochrome-disabled: var(--semantic-color-neutral-300);
  --color-icon-action-borderless-static-active: var(--foundation-color-neutral-0);
  --color-icon-action-borderless-static-hovered: var(--foundation-color-neutral-0);
  --color-icon-action-borderless-static-pressed: var(--foundation-color-neutral-0);
  --color-icon-action-borderless-static-disabled: var(--semantic-color-neutral-0-opacity40);
  --color-icon-error-default: var(--semantic-color-error-400);
  --color-icon-error-hovered: var(--semantic-color-error-500);
  --color-icon-error-pressed: var(--semantic-color-error-600);
  --color-icon-static-light: var(--semantic-color-neutral-0);
  --color-icon-static-light-subtle: var(--semantic-color-neutral-0-opacity80);
  --color-icon-static-light-subtler: var(--semantic-color-neutral-0-opacity60);
  --color-icon-static-dark: var(--semantic-color-neutral-1000);
  --color-icon-static-dark-subtle: var(--semantic-color-neutral-1000-opacity80);
  --color-icon-static-dark-subtler: var(--semantic-color-neutral-1000-opacity60);
  --color-icon-accent-default: var(--semantic-color-primary-500);
  --color-icon-accent-hovered: var(--semantic-color-primary-700);
  --color-icon-accent-pressed: var(--semantic-color-primary-800);
  --color-background-overlay: var(--semantic-color-neutral-0-opacity25);
  --color-background-default: var(--semantic-color-neutral-0);
  --color-background-hover: var(--semantic-color-neutral-50);
  --color-background-pressed: var(--semantic-color-neutral-100);
  --color-background-surface-sunken-active: var(--semantic-color-neutral-50);
  --color-background-surface-page-active: var(--semantic-color-neutral-0);
  --color-background-surface-page-hovered: var(--semantic-color-neutral-25);
  --color-background-surface-page-pressed: var(--semantic-color-neutral-50);
  --color-background-surface-raised-active: var(--semantic-color-neutral-25);
  --color-background-surface-raised-hovered: var(--semantic-color-neutral-50);
  --color-background-surface-raised-pressed: var(--semantic-color-neutral-75);
  --color-background-surface-modal-default: var(--semantic-color-neutral-0);
  --color-background-surface-modal-hovered: var(--semantic-color-neutral-25);
  --color-background-surface-modal-pressed: var(--semantic-color-neutral-50);
  --color-background-action-primary-default-active: var(--semantic-color-primary-400);
  --color-background-action-primary-default-hovered: var(--semantic-color-primary-500);
  --color-background-action-primary-default-pressed: var(--semantic-color-primary-600);
  --color-background-action-primary-default-disabled: var(--semantic-color-neutral-100);
  --color-background-action-primary-destructive-active: var(--semantic-color-error-400);
  --color-background-action-primary-destructive-hovered: var(--semantic-color-error-500);
  --color-background-action-primary-destructive-pressed: var(--semantic-color-error-600);
  --color-background-action-primary-destructive-disabled: var(--semantic-color-neutral-100);
  --color-background-action-primary-monochrome-active: var(--semantic-color-neutral-900);
  --color-background-action-primary-monochrome-hovered: var(--semantic-color-neutral-800);
  --color-background-action-primary-monochrome-pressed: var(--semantic-color-neutral-1000);
  --color-background-action-primary-monochrome-disabled: var(--semantic-color-neutral-100);
  --color-background-action-primary-static-active: var(--semantic-color-neutral-0);
  --color-background-action-primary-static-hovered: var(--semantic-color-neutral-25);
  --color-background-action-primary-static-pressed: var(--semantic-color-neutral-100);
  --color-background-action-primary-static-disabled: var(--foundation-color-neutral-0-opacity40);
  --color-background-action-secondary-default-active: var(--semantic-color-neutral-400-opacity10);
  --color-background-action-secondary-default-hovered: var(--semantic-color-neutral-400-opacity20);
  --color-background-action-secondary-default-pressed: var(--semantic-color-neutral-400-opacity30);
  --color-background-action-secondary-default-disabled: var(--semantic-color-neutral-400-opacity5);
  --color-background-action-secondary-destructive-active: var(--semantic-color-error-400-opacity10);
  --color-background-action-secondary-destructive-hovered: var(--semantic-color-error-400-opacity20);
  --color-background-action-secondary-destructive-pressed: var(--semantic-color-error-400-opacity30);
  --color-background-action-secondary-destructive-disabled: var(--semantic-color-neutral-400-opacity5);
  --color-background-action-secondary-monochrome-active: var(--semantic-color-neutral-400-opacity10);
  --color-background-action-secondary-monochrome-hovered: var(--semantic-color-neutral-400-opacity20);
  --color-background-action-secondary-monochrome-pressed: var(--semantic-color-neutral-400-opacity30);
  --color-background-action-secondary-monochrome-disabled: var(--semantic-color-neutral-400-opacity5);
  --color-background-action-secondary-static-active: var(--semantic-color-neutral-0-opacity20);
  --color-background-action-secondary-static-hovered: var(--semantic-color-neutral-0-opacity30);
  --color-background-action-secondary-static-pressed: var(--semantic-color-neutral-0-opacity5);
  --color-background-action-secondary-static-disabled: var(--semantic-color-neutral-0-opacity20);
  --color-background-action-tertiary-default-active: var(--foundation-color-null);
  --color-background-action-tertiary-default-hovered: var(--semantic-color-neutral-400-opacity20);
  --color-background-action-tertiary-default-pressed: var(--semantic-color-neutral-400-opacity30);
  --color-background-action-tertiary-default-disabled: var(--foundation-color-null);
  --color-background-action-tertiary-destructive-active: var(--foundation-color-null);
  --color-background-action-tertiary-destructive-hovered: var(--semantic-color-error-400-opacity20);
  --color-background-action-tertiary-destructive-pressed: var(--semantic-color-error-400-opacity30);
  --color-background-action-tertiary-destructive-disabled: var(--foundation-color-null);
  --color-background-action-tertiary-monochrome-active: var(--foundation-color-null);
  --color-background-action-tertiary-monochrome-hovered: var(--semantic-color-neutral-400-opacity20);
  --color-background-action-tertiary-monochrome-pressed: var(--semantic-color-neutral-400-opacity30);
  --color-background-action-tertiary-monochrome-disabled: var(--foundation-color-null);
  --color-background-action-tertiary-static-active: var(--semantic-color-neutral-1000-opacity10);
  --color-background-action-tertiary-static-hovered: var(--semantic-color-neutral-0-opacity30);
  --color-background-action-tertiary-static-pressed: var(--semantic-color-neutral-0-opacity5);
  --color-background-action-tertiary-static-disabled: var(--semantic-color-neutral-1000-opacity10);
  --color-background-action-borderless-default-active: var(--foundation-color-null);
  --color-background-action-borderless-default-hovered: var(--semantic-color-neutral-400-opacity20);
  --color-background-action-borderless-default-pressed: var(--semantic-color-neutral-400-opacity30);
  --color-background-action-borderless-default-disabled: var(--foundation-color-null);
  --color-background-action-borderless-destructive-active: var(--foundation-color-null);
  --color-background-action-borderless-destructive-hovered: var(--semantic-color-neutral-400-opacity20);
  --color-background-action-borderless-destructive-pressed: var(--semantic-color-neutral-400-opacity30);
  --color-background-action-borderless-destructive-disabled: var(--foundation-color-null);
  --color-background-action-borderless-monochrome-active: var(--foundation-color-null);
  --color-background-action-borderless-monochrome-hovered: var(--semantic-color-neutral-400-opacity20);
  --color-background-action-borderless-monochrome-pressed: var(--semantic-color-neutral-400-opacity30);
  --color-background-action-borderless-monochrome-disabled: var(--foundation-color-null);
  --color-background-action-borderless-static-active: var(--semantic-color-neutral-1000-opacity10);
  --color-background-action-borderless-static-hovered: var(--semantic-color-neutral-0-opacity30);
  --color-background-action-borderless-static-pressed: var(--semantic-color-neutral-0-opacity5);
  --color-background-action-borderless-static-disabled: var(--semantic-color-neutral-1000-opacity10);
  --color-background-input-active: var(--semantic-color-neutral-50);
  --color-background-input-hovered: var(--semantic-color-neutral-25);
  --color-background-input-pressed: var(--semantic-color-neutral-50);
  --color-background-static-light: var(--semantic-color-neutral-0);
  --color-background-static-dark: var(--semantic-color-neutral-1000-opacity80);
  --color-background-menu-active: var(--semantic-color-neutral-400-opacity10);
  --color-background-menu-hovered: var(--semantic-color-neutral-400-opacity10);
  --color-background-menu-default: var(--foundation-color-null);
  --color-border-default: var(--semantic-color-neutral-400-opacity70);
  --color-border-subtle: var(--semantic-color-neutral-400-opacity40);
  --color-border-bold: var(--semantic-color-neutral-400);
  --color-border-brand: var(--semantic-color-primary-400);
  --color-border-error: var(--semantic-color-error-400);
  --color-border-focused: var(--semantic-color-primary-400);
  --color-border-disabled: var(--semantic-color-neutral-400-opacity20);
  --color-border-inset: var(--semantic-color-neutral-400-opacity10);
  --color-border-separator: var(--semantic-color-neutral-200-opacity10);
  --color-border-static-light: var(--semantic-color-neutral-0);
  --color-border-static-light-subtle: var(--semantic-color-neutral-0-opacity80);
  --color-border-static-light-subtler: var(--semantic-color-neutral-0-opacity60);
  --color-border-static-dark: var(--semantic-color-neutral-1000);
  --color-border-static-dark-subtle: var(--semantic-color-neutral-1000-opacity80);
  --color-border-static-dark-subtler: var(--semantic-color-neutral-1000-opacity60);
  --color-border-action-primary-default-active: var(--foundation-color-null);
  --color-border-action-primary-default-hovered: var(--foundation-color-null);
  --color-border-action-primary-default-pressed: var(--foundation-color-null);
  --color-border-action-primary-default-disabled: var(--foundation-color-null);
  --color-border-action-primary-destructive-active: var(--foundation-color-null);
  --color-border-action-primary-destructive-hovered: var(--foundation-color-null);
  --color-border-action-primary-destructive-pressed: var(--foundation-color-null);
  --color-border-action-primary-destructive-disabled: var(--foundation-color-null);
  --color-border-action-primary-monochrome-active: var(--foundation-color-null);
  --color-border-action-primary-monochrome-hovered: var(--foundation-color-null);
  --color-border-action-primary-monochrome-pressed: var(--foundation-color-null);
  --color-border-action-primary-monochrome-disabled: var(--foundation-color-null);
  --color-border-action-primary-static-active: var(--foundation-color-null);
  --color-border-action-primary-static-hovered: var(--foundation-color-null);
  --color-border-action-primary-static-pressed: var(--foundation-color-null);
  --color-border-action-primary-static-disabled: var(--foundation-color-null);
  --color-border-action-secondary-default-active: var(--foundation-color-null);
  --color-border-action-secondary-default-hovered: var(--foundation-color-null);
  --color-border-action-secondary-default-pressed: var(--foundation-color-null);
  --color-border-action-secondary-default-disabled: var(--foundation-color-null);
  --color-border-action-secondary-destructive-active: var(--foundation-color-null);
  --color-border-action-secondary-destructive-hovered: var(--foundation-color-null);
  --color-border-action-secondary-destructive-pressed: var(--foundation-color-null);
  --color-border-action-secondary-destructive-disabled: var(--foundation-color-null);
  --color-border-action-secondary-monochrome-active: var(--foundation-color-null);
  --color-border-action-secondary-monochrome-hovered: var(--foundation-color-null);
  --color-border-action-secondary-monochrome-pressed: var(--foundation-color-null);
  --color-border-action-secondary-monochrome-disabled: var(--foundation-color-null);
  --color-border-action-secondary-static-active: var(--foundation-color-null);
  --color-border-action-secondary-static-hovered: var(--foundation-color-null);
  --color-border-action-secondary-static-pressed: var(--foundation-color-null);
  --color-border-action-secondary-static-disabled: var(--foundation-color-null);
  --color-border-action-tertiary-default-active: var(--semantic-color-neutral-400-opacity10);
  --color-border-action-tertiary-default-hovered: var(--foundation-color-null);
  --color-border-action-tertiary-default-pressed: var(--foundation-color-null);
  --color-border-action-tertiary-default-disabled: var(--foundation-color-null);
  --color-border-action-tertiary-destructive-active: var(--semantic-color-error-400-opacity10);
  --color-border-action-tertiary-destructive-hovered: var(--foundation-color-null);
  --color-border-action-tertiary-destructive-pressed: var(--foundation-color-null);
  --color-border-action-tertiary-destructive-disabled: var(--foundation-color-null);
  --color-border-action-tertiary-monochrome-active: var(--semantic-color-neutral-400-opacity10);
  --color-border-action-tertiary-monochrome-hovered: var(--foundation-color-null);
  --color-border-action-tertiary-monochrome-pressed: var(--foundation-color-null);
  --color-border-action-tertiary-monochrome-disabled: var(--foundation-color-null);
  --color-border-action-tertiary-static-active: var(--semantic-color-neutral-0-opacity20);
  --color-border-action-tertiary-static-hovered: var(--foundation-color-null);
  --color-border-action-tertiary-static-pressed: var(--foundation-color-null);
  --color-border-action-tertiary-static-disabled: var(--foundation-color-null);
  --color-border-action-borderless-default-active: var(--foundation-color-null);
  --color-border-action-borderless-default-hovered: var(--foundation-color-null);
  --color-border-action-borderless-default-pressed: var(--foundation-color-null);
  --color-border-action-borderless-default-disabled: var(--foundation-color-null);
  --color-border-action-borderless-destructive-active: var(--foundation-color-null);
  --color-border-action-borderless-destructive-hovered: var(--foundation-color-null);
  --color-border-action-borderless-destructive-pressed: var(--foundation-color-null);
  --color-border-action-borderless-destructive-disabled: var(--foundation-color-null);
  --color-border-action-borderless-monochrome-active: var(--foundation-color-null);
  --color-border-action-borderless-monochrome-hovered: var(--foundation-color-null);
  --color-border-action-borderless-monochrome-pressed: var(--foundation-color-null);
  --color-border-action-borderless-monochrome-disabled: var(--foundation-color-null);
  --color-border-action-borderless-static-active: var(--foundation-color-null);
  --color-border-action-borderless-static-hovered: var(--foundation-color-null);
  --color-border-action-borderless-static-pressed: var(--foundation-color-null);
  --color-border-action-borderless-static-disabled: var(--foundation-color-null);
}

.hydrogen-light {
  color-scheme: light;
}