:root {
  /* AV DS 4 foundation tokens adapted to the QAZ.BIO product palette. */
  --av-spacing-0: 0;
  --av-spacing-1: 4px;
  --av-spacing-2: 8px;
  --av-spacing-3: 12px;
  --av-spacing-4: 16px;
  --av-spacing-5: 20px;
  --av-spacing-6: 24px;
  --av-spacing-8: 32px;
  --av-spacing-10: 40px;
  --av-spacing-12: 48px;

  --av-radius-sm: 4px;
  --av-radius-md: 8px;
  --av-radius-lg: 12px;
  --av-radius-xl: 16px;
  --av-radius-full: 999px;

  --av-duration-instant: 80ms;
  --av-duration-fast: 120ms;
  --av-duration-base: 180ms;
  --av-duration-slow: 280ms;
  --av-easing-standard: .2, 0, 0, 1;
  --av-easing-emphasized: .2, 0, .1, 1;

  --av-color-background: #f7f8f5;
  --av-color-surface: #ffffff;
  --av-color-card: #ffffff;
  --av-color-foreground: #17211f;
  --av-color-muted: #edf3f0;
  --av-color-muted-foreground: #62716d;
  --av-color-border: #d9e1dd;
  --av-color-primary: #0e6860;
  --av-color-primary-soft: #dcece7;
  --av-shadow-sm: 0 1px 2px rgb(23 33 31 / 6%);

  --av-text-heading: 700 1.15 Arial, Helvetica, sans-serif;
  --av-text-body: 400 1.45 Arial, Helvetica, sans-serif;
  --av-text-code: 400 1.4 ui-monospace, SFMono-Regular, Consolas, monospace;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --av-duration-instant: 0ms;
    --av-duration-fast: 0ms;
    --av-duration-base: 0ms;
    --av-duration-slow: 0ms;
  }
}