/**
 * Do not edit directly, this file was auto-generated.
 */

[data-mode="dark"] {
  --font-family-display: 'Encode Sans', -apple-system, BlinkMacSystemFont, system-ui, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --font-family-body: -apple-system, BlinkMacSystemFont, system-ui, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --type-large-title-size: 34px;
  --type-large-title-weight: 700;
  --type-large-title-line-height: 41px;
  --type-large-title-tracking: 0px;
  --type-title-1-size: 28px;
  --type-title-1-weight: 700;
  --type-title-1-line-height: 34px;
  --type-title-1-tracking: 0px;
  --type-title-2-size: 22px;
  --type-title-2-weight: 700;
  --type-title-2-line-height: 28px;
  --type-title-2-tracking: 0px;
  --type-title-3-size: 20px;
  --type-title-3-weight: 600;
  --type-title-3-line-height: 25px;
  --type-title-3-tracking: 0px;
  --type-headline-size: 17px;
  --type-headline-weight: 600;
  --type-headline-line-height: 22px;
  --type-headline-tracking: 0px;
  --type-body-size: 17px;
  --type-body-weight: 400;
  --type-body-line-height: 22px;
  --type-body-tracking: 0px;
  --type-callout-size: 16px;
  --type-callout-weight: 400;
  --type-callout-line-height: 21px;
  --type-callout-tracking: 0px;
  --type-subheadline-size: 15px;
  --type-subheadline-weight: 400;
  --type-subheadline-line-height: 20px;
  --type-subheadline-tracking: 0px;
  --type-footnote-size: 13px;
  --type-footnote-weight: 400;
  --type-footnote-line-height: 18px;
  --type-footnote-tracking: 0px;
  --type-caption-size: 12px;
  --type-caption-weight: 400;
  --type-caption-line-height: 16px;
  --type-caption-tracking: 0px;
  --space-xxs: 2px;
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-xxl: 48px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --color-accent: #278462;
  --color-accent-strong: #80ccb1;
  --color-on-accent: #ffffff;
  --color-background: #11182c;
  --color-surface: #11182c;
  --color-surface-raised: #17203b;
  --color-text-primary: #ffffff;
  --color-text-secondary: #9ea0a4;
  --color-separator: #2e3b60;
  --color-destructive: #eb737d;
  --color-success: #5aa86e;
  --color-warning: #ffb340;
  --color-brand-navy: #8993ae;
  --color-secondary: #62a39e;
  --color-background-secondary: #17203b;
  --color-background-tertiary: #1b2749;
  --color-surface-tertiary: #1b2749;
}

/* Follow the visitor's system setting unless the page sets data-mode="light". */
@media (prefers-color-scheme: dark) {
  :root:not([data-mode="light"]) {
    --font-family-display: 'Encode Sans', -apple-system, BlinkMacSystemFont, system-ui, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    --font-family-body: -apple-system, BlinkMacSystemFont, system-ui, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    --type-large-title-size: 34px;
    --type-large-title-weight: 700;
    --type-large-title-line-height: 41px;
    --type-large-title-tracking: 0px;
    --type-title-1-size: 28px;
    --type-title-1-weight: 700;
    --type-title-1-line-height: 34px;
    --type-title-1-tracking: 0px;
    --type-title-2-size: 22px;
    --type-title-2-weight: 700;
    --type-title-2-line-height: 28px;
    --type-title-2-tracking: 0px;
    --type-title-3-size: 20px;
    --type-title-3-weight: 600;
    --type-title-3-line-height: 25px;
    --type-title-3-tracking: 0px;
    --type-headline-size: 17px;
    --type-headline-weight: 600;
    --type-headline-line-height: 22px;
    --type-headline-tracking: 0px;
    --type-body-size: 17px;
    --type-body-weight: 400;
    --type-body-line-height: 22px;
    --type-body-tracking: 0px;
    --type-callout-size: 16px;
    --type-callout-weight: 400;
    --type-callout-line-height: 21px;
    --type-callout-tracking: 0px;
    --type-subheadline-size: 15px;
    --type-subheadline-weight: 400;
    --type-subheadline-line-height: 20px;
    --type-subheadline-tracking: 0px;
    --type-footnote-size: 13px;
    --type-footnote-weight: 400;
    --type-footnote-line-height: 18px;
    --type-footnote-tracking: 0px;
    --type-caption-size: 12px;
    --type-caption-weight: 400;
    --type-caption-line-height: 16px;
    --type-caption-tracking: 0px;
    --space-xxs: 2px;
    --space-xs: 4px;
    --space-sm: 8px;
    --space-md: 16px;
    --space-lg: 24px;
    --space-xl: 32px;
    --space-xxl: 48px;
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 20px;
    --radius-xl: 28px;
    --color-accent: #278462;
    --color-accent-strong: #80ccb1;
    --color-on-accent: #ffffff;
    --color-background: #11182c;
    --color-surface: #11182c;
    --color-surface-raised: #17203b;
    --color-text-primary: #ffffff;
    --color-text-secondary: #9ea0a4;
    --color-separator: #2e3b60;
    --color-destructive: #eb737d;
    --color-success: #5aa86e;
    --color-warning: #ffb340;
    --color-brand-navy: #8993ae;
    --color-secondary: #62a39e;
    --color-background-secondary: #17203b;
    --color-background-tertiary: #1b2749;
    --color-surface-tertiary: #1b2749;
  }
}

@media (prefers-contrast: more) {
  [data-mode="dark"] {
    --color-accent: #6EC6A0;
    --color-text-secondary: #C2C4C9;
    --color-destructive: #FEA2A6;
    --color-success: #7DCC8F;
    --color-brand-navy: #ABB6D2;
    --color-secondary: #85C7C1;
  }
}

@media (prefers-color-scheme: dark) and (prefers-contrast: more) {
  :root:not([data-mode="light"]) {
    --color-accent: #6EC6A0;
    --color-text-secondary: #C2C4C9;
    --color-destructive: #FEA2A6;
    --color-success: #7DCC8F;
    --color-brand-navy: #ABB6D2;
    --color-secondary: #85C7C1;
  }
}