/**
 * Do not edit directly, this file was auto-generated.
 * See <PARAGON_ROOT>/tokens/README.md for more details.
 */

:root {
  --pgn-size-border-radius-base: 0.375rem;
  --pgn-size-border-radius-lg: 0.375rem;
  --pgn-size-border-radius-sm: 0.375rem;
  --pgn-size-btn-border-radius-base: 100px;
  --pgn-size-btn-border-radius-lg: 100px;
  --pgn-size-btn-border-radius-sm: 100px;
  --pgn-size-btn-focus-width: 2px;
  --pgn-size-dropdown-border-width: 0;
  --pgn-size-image-thumbnail-border-radius: 0;
  --pgn-size-nav-pills-border-radius: 0;
  --pgn-size-popover-border-width: 0px;
  --pgn-size-caret-width: 0.3em;
  --pgn-size-input-btn-border-width: 1px;
  --pgn-spacing-badge-padding-y: 0.5rem;
  --pgn-spacing-btn-focus-gap: 2px;
  --pgn-spacing-spacer-0: 0;
  --pgn-spacing-spacer-base: 1rem;
  --pgn-typography-badge-font-size: 0.75rem;
  --pgn-typography-badge-font-weight: 400;
  --pgn-typography-btn-font-weight: 500;
  --pgn-typography-headings-font-weight: 700;
  --pgn-typography-font-family-sans-serif: "Inter", '"Helvetica Neue"', Arial, sans-serif;
  --pgn-typography-font-family-monospace: '"Roboto Mono"', SFMono-Regular, Menlo, Monaco, Consolas, '"Liberation Mono"', '"Courier New"', monospace;
  --pgn-typography-font-size-h1-base: 3rem;
  --pgn-typography-font-size-h1-mobile: 1.875rem;
  --pgn-typography-font-size-h2-base: 2.25rem;
  --pgn-typography-font-size-h2-mobile: 1.75rem;
  --pgn-typography-font-size-h3-base: 1.75rem;
  --pgn-typography-font-size-h3-mobile: 1.5rem;
  --pgn-typography-font-size-h4-base: 1.5rem;
  --pgn-typography-font-size-h4-mobile: 1.375rem;
  --pgn-typography-font-size-h5-base: 1.25rem;
  --pgn-typography-font-size-h6-base: 1.125rem;
  --pgn-typography-font-size-display-1: 3.75rem;
  --pgn-typography-font-size-display-2: 4.875rem;
  --pgn-typography-font-size-display-3: 5.625rem;
  --pgn-typography-font-size-display-4: 6.125rem;
  --pgn-typography-font-size-display-mobile-1: 3rem;
  --pgn-typography-font-size-display-mobile-2: 3.625rem;
  --pgn-typography-font-size-display-mobile-3: 4.375rem;
  --pgn-typography-font-size-display-mobile-4: 5.25rem;
  --pgn-typography-font-weight-display-1: 900;
  --pgn-typography-font-weight-display-2: 900;
  --pgn-typography-font-weight-display-3: 900;
  --pgn-typography-font-weight-display-4: 900;
  --pgn-typography-line-height-display-mobile: 1;
  --pgn-size-btn-focus-border-radius-base: calc(var(--pgn-size-btn-border-radius-base) + var(--pgn-spacing-btn-focus-border-gap));
  --pgn-size-btn-focus-border-radius-sm: var(--pgn-size-btn-border-radius-base);
  --pgn-spacing-btn-focus-border-gap: calc(var(--pgn-size-btn-focus-width) + var(--pgn-spacing-btn-focus-gap));
  --pgn-spacing-caret-base: calc(var(--pgn-size-caret-width) * 1);
  --pgn-spacing-caret-vertical-align: calc(var(--pgn-size-caret-width) * .67);
  --pgn-spacing-spacer-1: calc(var(--pgn-spacing-spacer-base) * .25);
  --pgn-spacing-spacer-2: calc(var(--pgn-spacing-spacer-base) * .5);
  --pgn-spacing-spacer-3: var(--pgn-spacing-spacer-base);
  --pgn-spacing-spacer-4: calc(var(--pgn-spacing-spacer-base) * 1.5);
  --pgn-spacing-spacer-5: calc(var(--pgn-spacing-spacer-base) * 3);
  --pgn-spacing-spacer-6: calc(var(--pgn-spacing-spacer-base) * 5);
  --pgn-spacing-spacer-1-5: calc(var(--pgn-spacing-spacer-base) * .375);
  --pgn-spacing-spacer-2-5: calc(var(--pgn-spacing-spacer-base) * .75);
  --pgn-spacing-spacer-3-5: calc(var(--pgn-spacing-spacer-base) * 1.25);
  --pgn-spacing-spacer-4-5: calc(var(--pgn-spacing-spacer-base) * 2);
  --pgn-spacing-spacer-5-5: calc(var(--pgn-spacing-spacer-base) * 4);
  --pgn-typography-font-family-serif: var(--pgn-typography-font-family-sans-serif);
  --pgn-typography-font-size-h5-mobile: var(--pgn-typography-font-size-h5-base);
  --pgn-typography-font-size-h6-mobile: var(--pgn-typography-font-size-h6-base);
  --pgn-size-btn-focus-border-radius-lg: var(--pgn-size-btn-focus-border-radius-base);
  --pgn-spacing-card-spacer-x: var(--pgn-spacing-spacer-4);
  --pgn-spacing-card-spacer-y: var(--pgn-spacing-spacer-3);
  --pgn-spacing-dropdown-padding-y-base: var(--pgn-spacing-spacer-2);
  --pgn-spacing-dropdown-padding-y-item: var(--pgn-spacing-spacer-2-5);
  --pgn-spacing-grid-gutter-width: var(--pgn-spacing-spacer-4); /** Grid gutter width value. */
}

/**
 * Do not edit directly, this file was auto-generated.
 * See <PARAGON_ROOT>/tokens/README.md for more details.
 */

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}