/* Family foundations 1.0.0. Generated by design-system/build.py; edit tokens.json. */
:root {
  --family-color-brand-violet: #5140c6;
  --family-color-brand-violet-hover: #4031a6;
  --family-color-brand-violet-pressed: #332580;
  --family-color-brand-violet-on-dark: #b7aaff;
  --family-color-brand-ink: #25253d;
  --family-color-brand-tint: #efedf7;
  --family-color-neutral-white: #ffffff;
  --family-color-neutral-paper: #f4f4f4;
  --family-color-neutral-canvas: #e8e8e8;
  --family-color-neutral-line: #d4d4d4;
  --family-color-neutral-muted: #545454;
  --family-color-neutral-secondary: #434343;
  --family-color-neutral-ink: #141414;
  --family-color-neutral-dark-panel: #1a1a1a;
  --family-color-neutral-dark-raised: #212121;
  --family-color-neutral-dark-border: #828282;
  --family-color-neutral-dark-muted: #a0a0a0;
  --family-color-neutral-dark-text: #ececec;
  --family-color-neutral-black: #000000;
  --family-color-status-cleared: #11663e;
  --family-color-status-cleared-bg: #dcf1e5;
  --family-color-status-caution: #754c00;
  --family-color-status-caution-bg: #f8ebcf;
  --family-color-status-blocked: #ad1f28;
  --family-color-status-blocked-bg: #f9dfe0;
  --family-color-status-info: #1a52a6;
  --family-color-status-info-bg: #dde8f8;
  --family-space-1: 4px;
  --family-space-2: 8px;
  --family-space-3: 12px;
  --family-space-4: 16px;
  --family-space-5: 20px;
  --family-space-6: 24px;
  --family-space-8: 32px;
  --family-space-10: 40px;
  --family-space-12: 48px;
  --family-space-16: 64px;
  --family-radius-control: 4px;
  --family-radius-popover: 6px;
  --family-radius-dialog: 8px;
  --family-size-target-min: 24px;
  --family-size-target-touch: 44px;
  --family-size-marketing-control: 48px;
  --family-size-brand-mark-width: 28px;
  --family-size-brand-mark-height: 18px;
  --family-motion-feedback: 80ms;
  --family-motion-control: 120ms;
  --family-motion-panel: 180ms;
  --family-motion-dialog: 240ms;
  --family-type-body: 1rem;
  --family-type-control: 0.875rem;
  --family-type-metadata: 0.75rem;
}