[data-theme=light-mode]{--colors--background--bg-active: var(--colors--gray-light-mode--50);--colors--background--bg-brand-primary: var(--colors--brand--25);--colors--background--bg-brand-secondary: var(--colors--brand--100);--colors--background--bg-brand-section: var(--colors--brand--800);--colors--background--bg-brand-solid: var(--colors--brand--600);--colors--background--bg-brand-solid_hover: var(--colors--brand--700);--colors--background--bg-disabled: var(--colors--gray-light-mode--100);--colors--background--bg-error-primary: var(--colors--error--50);--colors--background--bg-error-secondary: var(--colors--error--100);--colors--background--bg-error-solid: var(--colors--error--600);--colors--background--bg-overlay: var(--colors--gray-light-mode--950);--colors--background--bg-primary: var(--colors--gray-light-mode--50);--colors--background--bg-primary-solid: var(--colors--gray-light-mode--950);--colors--background--bg-primary_hover: var(--colors--gray-light-mode--100);--colors--background--bg-quaternary: var(--colors--gray-light-mode--200);--colors--background--bg-secondary: var(--colors--gray-dark-mode--100);--colors--background--bg-secondary-solid: var(--colors--gray-light-mode--600);--colors--background--bg-secondary_hover: var(--colors--gray-light-mode--200);--colors--background--bg-success-primary: var(--colors--success--50);--colors--background--bg-success-secondary: var(--colors--success--100);--colors--background--bg-success-solid: var(--colors--success--600);--colors--background--bg-tertiary: var(--colors--gray-light-mode--200);--colors--background--bg-warning-primary: var(--colors--warning--50);--colors--background--bg-warning-secondary: var(--colors--warning--100);--colors--background--bg-warning-solid: var(--colors--warning--600);--colors--border--border-brand: var(--colors--brand--400);--colors--border--border-brand-solid: var(--colors--brand--500);--colors--border--border-disabled: var(--colors--gray-light-mode--300);--colors--border--border-error: var(--colors--error--300);--colors--border--border-error-solid: var(--colors--error--600);--colors--border--border-primary: var(--colors--gray-light-mode--300);--colors--border--border-secondary: var(--colors--gray-light-mode--200);--colors--border--border-tertiary: var(--colors--gray-light-mode--100);--colors--foreground--fg-brand-primary: var(--colors--brand--400);--colors--foreground--fg-brand-secondary: var(--colors--brand--500);--colors--foreground--fg-disabled: var(--colors--gray-light-mode--400);--colors--foreground--fg-error-primary: var(--colors--error--600);--colors--foreground--fg-error-secondary: var(--colors--error--500);--colors--foreground--fg-primary: var(--colors--gray-light-mode--900);--colors--foreground--fg-quarterary: var(--colors--gray-light-mode--500);--colors--foreground--fg-quarterary_hover: var(--colors--gray-light-mode--600);--colors--foreground--fg-secondary: var(--colors--gray-light-mode--700);--colors--foreground--fg-secondary_hover: var(--colors--gray-light-mode--800);--colors--foreground--fg-success-primary: var(--colors--success--600);--colors--foreground--fg-success-secondary: var(--colors--success-500);--colors--foreground--fg-tertiary: var(--colors--gray-light-mode--600);--colors--foreground--fg-tertiary_hover: var(--colors--gray-light-mode--700);--colors--foreground--fg-warning-primary: var(--colors--warning--600);--colors--foreground--fg-warning-secondary: var(--colors--warning--500);--colors--foreground--fg-white: var(--colors--base--white);--colors--text--text-brand-primary: var(--colors--brand--400);--colors--text--text-brand-secondary: var(--colors--brand--600);--colors--text--text-brand-tertiary: var(--colors--brand--500);--colors--text--text-brand-tertiary_alt: var(--colors--brand--400);--colors--text--text-disabled: var(--colors--gray-light-mode--500);--colors--text--text-error-primary: var(--colors--error--600);--colors--text--text-placeholder: var(--colors--gray-light-mode--500);--colors--text--text-primary: var(--colors--gray-light-mode--900);--colors--text--text-primary_on-hover: var(--colors--brand--500);--colors--text--text-primary_on-brand: var(--colors--gray-light-mode--50);--colors--text--text-secondary: var(--colors--gray-light-mode--700);--colors--text--text-secondary_hover: var(--colors--gray-light-mode--950);--colors--text--text-secondary_on-brand: var(--colors--brand--200);--colors--text--text-success-primary: var(--colors--success--600);--colors--text--text-tertiary: var(--colors--gray-light-mode--800);--colors--text--text-tertiary_hover: var(--colors--gray-light-mode--700);--colors--text--text-tertiary_on-brand: var(--colors--brand--200);--colors--text--text-warning-primary: var(--colors--warning--600);--colors--text--text-white: var(--colors--base--white);--colors--text--text-select-bg: var(--colors--gray-light-mode--600);--colors--text--text-select-fg: var(--colors--gray-light-mode--100);--component-colors-alpha-alpha-black-10: #0000001a;--component-colors-alpha-alpha-black-100: #000000;--component-colors-alpha-alpha-black-20: #00000033;--component-colors-alpha-alpha-black-30: #0000004d;--component-colors-alpha-alpha-black-40: #00000066;--component-colors-alpha-alpha-black-50: #00000080;--component-colors-alpha-alpha-black-60: #00000099;--component-colors-alpha-alpha-black-70: #000000b2;--component-colors-alpha-alpha-black-80: #000000cc;--component-colors-alpha-alpha-black-90: #000000e5;--component-colors-alpha-alpha-white-10: #ffffff1a;--component-colors-alpha-alpha-white-100: #ffffff;--component-colors-alpha-alpha-white-20: #ffffff33;--component-colors-alpha-alpha-white-30: #ffffff4d;--component-colors-alpha-alpha-white-40: #ffffff66;--component-colors-alpha-alpha-white-50: #ffffff80;--component-colors-alpha-alpha-white-60: #ffffff99;--component-colors-alpha-alpha-white-70: #ffffffb2;--component-colors-alpha-alpha-white-80: #ffffffcc;--component-colors-alpha-alpha-white-90: #ffffffe5;--components--button-primary-fg: var(--colors--base--white);--components--button-primary-bg: var(--colors--brand--400);--components--button-secondary-fg: var(--colors--base--white);--components--button-secondary-bg: var(--colors--gray-light-mode--900);--components--button-tertiary-fg: var(--colors--gray-light-mode--600);--components--button-tertiary-bg: var(--colors--gray-light-mode--100);--components--button-tertiary-border: var(--colors--gray-light-mode--200)}[data-theme=dark-mode]{--colors--background--bg-active: var(--colors--gray-dark-mode--800);--colors--background--bg-brand-primary: var(--colors--brand--500);--colors--background--bg-brand-secondary: var(--colors--brand--600);--colors--background--bg-brand-section: var(--colors--background-bg-secondary);--colors--background--bg-brand-solid: var(--colors--brand--600);--colors--background--bg-brand-solid_hover: var(--colors--brand--500);--colors--background--bg-disabled: var(--colors--gray-dark-mode--800);--colors--background--bg-error-primary: var(--colors--error--500);--colors--background--bg-error-secondary: var(--colors--error--600);--colors--background--bg-error-solid: var(--colors--error--600);--colors--background--bg-overlay: var(--colors--gray-dark-mode--800);--colors--background--bg-primary: var(--colors--gray-dark-mode--900);--colors--background--bg-primary-solid: var(--colors--gray-dark-mode--100);--colors--background--bg-primary_hover: var(--colors--gray-dark-mode--800);--colors--background--bg-quaternary: var(--colors--gray-dark-mode--700);--colors--background--bg-secondary: var(--colors--gray-dark-mode--800);--colors--background--bg-secondary-solid: var(--colors--gray-dark-mode--600);--colors--background--bg-secondary_hover: var(--colors--gray-dark-mode--700);--colors--background--bg-success-primary: var(--colors--success--500);--colors--background--bg-success-secondary: var(--colors--success--600);--colors--background--bg-success-solid: var(--colors--success--600);--colors--background--bg-tertiary: var(--colors--gray-dark-mode--800);--colors--background--bg-warning-primary: var(--colors--warning--500);--colors--background--bg-warning-secondary: var(--colors--warning--600);--colors--background--bg-warning-solid: var(--colors--warning--600);--colors--border--border-brand: var(--colors--brand--400);--colors--border--border-brand-solid: var(--colors--brand--500);--colors--border--border-disabled: var(--colors--gray-dark-mode--700);--colors--border--border-error: var(--colors--error--400);--colors--border--border-error-solid: var(--colors--error--500);--colors--border--border-primary: var(--colors--gray-dark-mode--600);--colors--border--border-secondary: var(--colors--gray-dark-mode--700);--colors--border--border-tertiary: var(--colors--gray-dark-mode--800);--colors--foreground--fg-brand-primary: var(--colors--brand--400);--colors--foreground--fg-brand-secondary: var(--colors--brand--500);--colors--foreground--fg-disabled: var(--colors--gray-dark-mode--500);--colors--foreground--fg-error-primary: var(--colors--error--500);--colors--foreground--fg-error-secondary: var(--colors--error--400);--colors--foreground--fg-primary: var(--colors--gray-light-mode--50);--colors--foreground--fg-quarterary: var(--colors--gray-dark-mode--400);--colors--foreground--fg-quarterary_hover: var(--colors--gray-dark-mode--300);--colors--foreground--fg-secondary: var(--colors--gray-dark-mode--300);--colors--foreground--fg-secondary_hover: var(--colors--gray-dark-mode--200);--colors--foreground--fg-success-primary: var(--colors--success-500);--colors--foreground--fg-success-secondary: var(--colors--success-400);--colors--foreground--fg-tertiary: var(--colors--gray-dark-mode--400);--colors--foreground--fg-tertiary_hover: var(--colors--gray-dark-mode--300);--colors--foreground--fg-warning-primary: var(--colors--warning--500);--colors--foreground--fg-warning-secondary: var(--colors--warning--400);--colors--foreground--fg-white: var(--colors--base--white);--colors--text--text-brand-primary: var(--colors--brand--400);--colors--text--text-brand-secondary: var(--colors--gray-dark-mode--300);--colors--text--text-brand-tertiary: var(--colors--gray-dark-mode--400);--colors--text--text-brand-tertiary_alt: var(--colors--gray-dark-mode--50);--colors--text--text-disabled: var(--colors--gray-dark-mode--500);--colors--text--text-error-primary: var(--colors--error--400);--colors--text--text-placeholder: var(--colors--gray-dark-mode--500);--colors--text--text-primary: var(--colors--gray-dark-mode--200);--colors--text--text-primary_on-hover: var(--colors--brand--400);--colors--text--text-secondary: var(--colors--gray-dark-mode--300);--colors--text--text-tertiary: var(--colors--gray-dark-mode--500);--colors--text--text-primary_on-brand: var(--colors--gray-dark-mode--900);--colors--text--text-secondary_hover: var(--colors--gray-dark-mode--50);--colors--text--text-secondary_on-brand: var(--colors--gray-dark-mode--300);--colors--text--text-success-primary: var(--colors--success--400);--colors--text--text-tertiary_hover: var(--colors--gray-dark-mode--300);--colors--text--text-tertiary_on-brand: var(--colors--gray-dark-mode--400);--colors--text--text-warning-primary: var(--colors--warning--400);--colors--text--text-white: var(--colors--base--white);--colors--text--text-select-bg: var(--colors--gray-dark-mode--200);--colors--text--text-select-fg: var(--colors--gray-dark-mode--800);--component-colors-alpha-alpha-black-10: #ffffff1a;--component-colors-alpha-alpha-black-100: #ffffff;--component-colors-alpha-alpha-black-20: #ffffff33;--component-colors-alpha-alpha-black-30: #ffffff4d;--component-colors-alpha-alpha-black-40: #ffffff66;--component-colors-alpha-alpha-black-50: #ffffff80;--component-colors-alpha-alpha-black-60: #ffffff99;--component-colors-alpha-alpha-black-70: #ffffffb2;--component-colors-alpha-alpha-black-80: #ffffffcc;--component-colors-alpha-alpha-black-90: #ffffffe5;--component-colors-alpha-alpha-white-10: #0c111d1a;--component-colors-alpha-alpha-white-100: var(--colors--gray-dark-mode--950);--component-colors-alpha-alpha-white-20: #0c111d33;--component-colors-alpha-alpha-white-30: #0c111d4d;--component-colors-alpha-alpha-white-40: #0c111d66;--component-colors-alpha-alpha-white-50: #0c111d80;--component-colors-alpha-alpha-white-60: #0c111d99;--component-colors-alpha-alpha-white-70: #0c111db2;--component-colors-alpha-alpha-white-80: #0c111dcc;--component-colors-alpha-alpha-white-90: #0c111de5;--components--button-primary-fg: var(--colors--base--white);--components--button-primary-bg: var(--colors--brand--400);--components--button-secondary-fg: var(--colors--base--black);--components--button-secondary-bg: var(--colors--gray-dark-mode--100);--components--button-tertiary-fg: var(--colors--gray-dark-mode--300);--components--button-tertiary-bg: var(--colors--gray-dark-mode--800);--components--button-tertiary-border: var(--colors--gray-dark-mode--700);--components--cursor-bg: var(--colors--gray-dark-mode--100);--components--cursor-text: var(--colors--gray-dark-mode--100);--components--cursor-border: var(--colors--gray-dark-mode--400)}[data-theme=yellow]{--colors--background--bg-primary: #d6b446}[data-theme=green]{--colors--background--bg-primary: #416b60;--colors--text--text-primary: var(--colors--gray-dark-mode--200);--colors--text--text-secondary_hover: var(--colors--gray-dark-mode--50);--colors--foreground--fg-secondary: var(--colors--gray-dark-mode--300)}[data-theme=acid]{--colors--background--bg-primary: #d3fd51}[data-theme=nude]{--colors--background--bg-primary: #ffddc4}[data-theme=red]{--colors--background--bg-primary: #f25457}[data-theme=turquoise]{--colors--background--bg-primary: #47b089}