/**
 * Do not edit directly, this file was auto-generated.
 * High contrast overrides for both light and dark modes
 */

/* High contrast - Light mode */
[data-dt-mode="light"][data-dt-contrast="high"] {
  --dt-color-border-bold: hsl(0 0% 0% / 0.5);
  --dt-color-border-moderate: hsl(0 0% 0% / 0.85);
  --dt-color-border-default: hsl(0 0% 0% / 0.66);
  --dt-color-border-subtle: hsl(0 0% 0% / 0.5);
  --dt-color-foreground-disabled: var(--dt-color-black-700); /* Used for text paired with disabled content or components, like the form elements. */
  --dt-color-foreground-placeholder: var(--dt-color-black-700); /* Text color for placeholder text within form elements. */
  --dt-color-foreground-muted: hsl(0 0% 0% / 0.5);
  --dt-color-foreground-tertiary: var(--dt-color-black-800); /* Used to imply visual hierarchy relative to primary and secondary text colors, e.g. headlines and labels. */
  --dt-color-foreground-secondary: var(--dt-color-black-900); /* Example uses include introduction paragraphs, labels, and descriptions paired with form elements. */
  --dt-color-foreground-primary: var(--dt-color-black-1000); /* Default text color throughout the UI. */
  --dt-shell-color-border-default: hsl(0 0% 0% / 0.17);
  --dt-shell-color-border-subtle: hsl(0 0% 0% / 0.1);
  --dt-shell-color-foreground-muted: hsl(0 0% 11% / 0.6);
  --dt-shell-color-foreground-tertiary: hsl(0 0% 11% / 0.72);
  --dt-shell-color-foreground-secondary: hsl(0 0% 11% / 0.86);
  --dt-shell-color-foreground-primary: var(--dt-shell-base-color-foreground);
  --dt-action-color-border-positive-default: var(--dt-color-border-subtle);
  --dt-action-color-border-muted-default: var(--dt-color-border-subtle);
  --dt-action-color-border-inverted-default: var(--dt-color-border-subtle);
  --dt-action-color-border-critical-default: var(--dt-color-border-subtle);
  --dt-action-color-border-base-default: var(--dt-color-border-subtle);
}

/* High contrast - Dark mode */
[data-dt-mode="dark"][data-dt-contrast="high"] {
  --dt-color-border-bold: hsl(0 0% 100% / 0.5);
  --dt-color-border-moderate: hsl(0 0% 100% / 0.85);
  --dt-color-border-default: hsl(0 0% 100% / 0.66);
  --dt-color-border-subtle: hsl(0 0% 100% / 0.5);
  --dt-color-foreground-disabled: var(--dt-color-black-700);
  --dt-color-foreground-placeholder: var(--dt-color-black-700);
  --dt-color-foreground-muted: hsl(0 0% 100% / 0.65);
  --dt-color-foreground-tertiary: var(--dt-color-black-800); /* Used to imply visual hierarchy relative to primary and secondary text colors, e.g. headlines and labels. */
  --dt-color-foreground-secondary: var(--dt-color-black-900); /* Example uses include introduction paragraphs, labels, and descriptions paired with form elements. */
  --dt-color-foreground-primary: var(--dt-color-black-1000); /* Default text color throughout the UI. */
  --dt-shell-color-border-default: hsl(0 0% 100% / 0.18);
  --dt-shell-color-border-subtle: hsl(0 0% 100% / 0.15);
  --dt-shell-color-foreground-muted: hsl(0 0% 90.2% / 0.6);
  --dt-shell-color-foreground-tertiary: hsl(0 0% 90.2% / 0.72);
  --dt-shell-color-foreground-secondary: hsl(0 0% 90.2% / 0.86);
  --dt-shell-color-foreground-primary: var(--dt-shell-base-color-foreground);
  --dt-action-color-border-positive-default: var(--dt-color-border-subtle);
  --dt-action-color-border-muted-default: var(--dt-color-border-subtle);
  --dt-action-color-border-inverted-default: var(--dt-color-border-subtle);
  --dt-action-color-border-critical-default: var(--dt-color-border-subtle);
  --dt-action-color-border-base-default: var(--dt-color-border-subtle);
}