:root {
  --wa-color-ink: #171a18;
  --wa-color-ground: #f5f6f2;
  --wa-color-surface: #ffffff;
  --wa-color-forest: #2f5745;
  --wa-color-action: #b9482f;
  --wa-color-action-active: #8f3424;
  --wa-color-muted: #66716b;
  --wa-color-line: #d4dad5;
  --wa-color-focus: #176b9b;
  --wa-color-footer-muted: #cbd2cd;
  --wa-color-footer-hover: #f1a48d;
  --wa-color-danger: #8b241b;
  --wa-color-danger-line: #d09a91;
  --wa-color-success-ground: #e7f0ea;
  --wa-color-success-ink: #1f4a35;
  --wa-font-display: "WA Display", "Helvetica Neue", sans-serif;
  --wa-font-text: "WA Text", "Helvetica Neue", sans-serif;
  --wa-space-2xs: 0.375rem;
  --wa-space-xs: 0.625rem;
  --wa-space-s: 1rem;
  --wa-space-m: 1.5rem;
  --wa-space-l: 2.5rem;
  --wa-space-xl: 4rem;
  --wa-space-2xl: 6rem;
  --wa-content-width: 72rem;
  --wa-wide-container: 84rem;
  --wa-reading-width: 72ch;
  --wa-control-height: 2.75rem;
  --wa-header-height: 4.5rem;
  --wa-radius-control: 0.25rem;
  --wa-radius-panel: 0.5rem;
  --wa-border: 1px solid var(--wa-color-line);
  --wa-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
}