:root {
  --auver-paper: #fff;
  --auver-ink: #101010;
  --auver-muted: #686868;
  --auver-line: #e8e8e8;
  --auver-soft: #f6f6f4;
  --auver-scrim: rgb(0 0 0 / 40%);
  --auver-transparent: transparent;
  --auver-font: "Inter", "Arial", "Helvetica", "sans-serif";
  --auver-text-xs: 0.75rem;
  --auver-text-sm: 0.875rem;
  --auver-text-base: 1rem;
  --auver-text-lg: 1.125rem;
  --auver-text-xl: 1.5rem;
  --auver-text-display: clamp(2rem, 5vw, 4rem);
  --auver-normal: 400;
  --auver-bold: 700;
  --auver-leading: 1.6;
  --auver-leading-tight: 1.1;
  --auver-space-0: 0;
  --auver-space-1: 0.25rem;
  --auver-space-2: 0.5rem;
  --auver-space-3: 0.75rem;
  --auver-space-4: 1rem;
  --auver-space-5: 1.5rem;
  --auver-space-6: 2rem;
  --auver-space-7: 3rem;
  --auver-space-8: 4rem;
  --auver-space-9: 6rem;
  --auver-header-height: 4.5rem;
  --auver-header-mobile-height: 4rem;
  --auver-page-width: 87.5rem;
  --auver-gutter: 2rem;
  --auver-icon-size: 1.25rem;
  --auver-target-size: 2.75rem;
  --auver-logo-width: 7.5rem;
  --auver-logo-mobile-width: 5.5rem;
  --auver-logo-height: 2.5rem;
  --auver-drawer-width: 26rem;
  --auver-menu-width: 22rem;
  --auver-search-width: 44rem;
  --auver-thumbnail: 4rem;
  --auver-rule: 1px;
  --auver-focus: 2px;
  --auver-radius: 0.25rem;
  --auver-duration: 180ms;
  --auver-ease: ease;
  --auver-header-layer: 100;
  --auver-admin-height: 32px;
}
/* CSS custom properties cannot be used in media-query conditions.
   Header navigation breakpoint: 990px. WP admin bar breakpoint: 782px. */
@media (max-width: 989px) {
  :root { --auver-header-height: var(--auver-header-mobile-height); --auver-gutter: 1rem; --auver-logo-width: var(--auver-logo-mobile-width); }
}
@media (max-width: 782px) { :root { --auver-admin-height: 46px; } }
