/* Auto-generated from Figma SemanticColor JSON. Do not edit by hand. */

:root[data-theme="dark"]{
  --color-background-default: var(--color-neutral-5);
  --color-background-primary-action-enabled: var(--color-accent-5);
  --color-background-primary-action-hovered: var(--color-accent-10);
  --color-background-primary-action-pressed: var(--color-accent-20);
  --color-background-secondary-action-enabled: var(--color-neutral-5);
  --color-background-secondary-action-hovered: var(--color-neutral-10);
  --color-background-secondary-action-pressed: var(--color-neutral-20);
  --color-background-subtle: var(--color-neutral-10);
  --color-background-subtler: var(--color-neutral-20);
  --color-border-bold: var(--color-neutral-80);
  --color-border-default: var(--color-neutral-40);
  --color-border-inverse: var(--color-neutral-5);
  --color-border-subtle: var(--color-neutral-30);
  --color-text-brandcolor: var(--color-primary-40);
  --color-text-default: var(--color-neutral-90);
  --color-text-linkcolor: var(--color-accent-30);
  --color-text-primary-action: var(--color-neutral-100);
  --color-text-secondary-action: var(--color-neutral-90);
  --color-text-subtle: var(--color-neutral-70);
  --color-text-subtler: var(--color-neutral-90);
}

:root[data-theme="light"]{
  --color-background-default: var(--color-neutral-90);
  --color-background-primary-action-enabled: var(--color-accent-20);
  --color-background-primary-action-hovered: var(--color-accent-10);
  --color-background-primary-action-pressed: var(--color-accent-5);
  --color-background-secondary-action-enabled: var(--color-neutral-90);
  --color-background-secondary-action-hovered: var(--color-neutral-80);
  --color-background-secondary-action-pressed: var(--color-neutral-70);
  --color-background-subtle: var(--color-neutral-80);
  --color-background-subtler: var(--color-neutral-70);
  --color-border-bold: var(--color-neutral-20);
  --color-border-default: var(--color-neutral-50);
  --color-border-inverse: var(--color-neutral-90);
  --color-border-subtle: var(--color-neutral-60);
  --color-text-brandcolor: var(--color-primary-40);
  --color-text-default: var(--color-neutral-5);
  --color-text-linkcolor: var(--color-accent-20);
  --color-text-primary-action: var(--color-neutral-100);
  --color-text-secondary-action: var(--color-neutral-5);
  --color-text-subtle: var(--color-neutral-30);
  --color-text-subtler: var(--color-neutral-60);
}