@import url("./tokens.css");
@import url("./components/public-secondary.css");
@import url("./components/product-primary.css");
@import url("./components/text-ghost.css");
@import url("./platform/mobile/tokens.css");
@import url("./base.css");
@import url("./components/icons.css");
@import url("./components/elevation.css");
@import url("./components/dividers.css");
@import url("./components/floating-controls.css");
@import url("./components/primary-icon.css");
@import url("./components/segmented-billing.css");
@import url("./platform/desktop/segmented-billing.css");
@import url("./platform/desktop/floating-controls.css");
@import url("./platform/mobile/floating-controls.css");
@import url("./components/blur-surfaces.css");
@import url("./components/loading.css");
@import url("./platform/mobile/loading.css");
@import url("./platform/desktop/interactions.css");
@import url("./platform/mobile/interactions.css");
@import url("./platform/mobile/record-lists.css");
@import url("./platform/desktop/select.css");
@import url("./components/typography.css");

@layer preferences {
  @media (prefers-contrast: more) {
    html {
      --mf-color-border-dark: #474749;
      --mf-color-border-light: #b8b8b8;
      --mf-color-border: #474749;
      --mf-color-border-subtle: var(--mf-color-border);
    }
  }

  @media (prefers-contrast: more) {
    :is(html[data-theme="light"], html:has(.marketing-site)) {
      --mf-color-border: #b8b8b8;
      --mf-color-border-subtle: var(--mf-color-border);
    }
  }

  @media (prefers-reduced-motion: reduce) {
    html *,
    html *::before,
    html *::after {
      animation-duration: 0.01ms !important;
      animation-iteration-count: 1 !important;
      scroll-behavior: auto !important;
      transition-duration: 0.01ms !important;
    }
  }
}