/**
 * 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; /** Default border radius. */
  --pgn-size-border-radius-lg: 0.375rem; /** Large border radius. */
  --pgn-size-border-radius-sm: 0.375rem; /** Small border radius. */
  --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; /** Space value of level 0 */
  --pgn-spacing-spacer-base: 1rem; /** Basic space value */
  --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; /** Sans-serif font family. */
  --pgn-typography-font-family-monospace: '"Roboto Mono"', SFMono-Regular, Menlo, Monaco, Consolas, '"Liberation Mono"', '"Courier New"', monospace; /** Monospace font family. */
  --pgn-typography-font-size-h1-base: 3rem; /** Font size of heading level 1. */
  --pgn-typography-font-size-h1-mobile: 1.875rem; /** Mobile font size of heading level 1. */
  --pgn-typography-font-size-h2-base: 2.25rem; /** Font size of heading level 2. */
  --pgn-typography-font-size-h2-mobile: 1.75rem; /** Mobile font size of heading level 2. */
  --pgn-typography-font-size-h3-base: 1.75rem; /** Font size of heading level 3. */
  --pgn-typography-font-size-h3-mobile: 1.5rem; /** Mobile font size of heading level 3. */
  --pgn-typography-font-size-h4-base: 1.5rem; /** Font size of heading level 4. */
  --pgn-typography-font-size-h4-mobile: 1.375rem; /** Mobile font size of heading level 4. */
  --pgn-typography-font-size-h5-base: 1.25rem; /** Font size of heading level 5. */
  --pgn-typography-font-size-h6-base: 1.125rem; /** Font size of heading level 6. */
  --pgn-typography-font-size-display-1: 3.75rem; /** Font size of display level 1. */
  --pgn-typography-font-size-display-2: 4.875rem; /** Font size of display level 2. */
  --pgn-typography-font-size-display-3: 5.625rem; /** Font size of display level 3. */
  --pgn-typography-font-size-display-4: 6.125rem; /** Font size of display level 4. */
  --pgn-typography-font-size-display-mobile-1: 3rem; /** Mobile font size of display level 1. */
  --pgn-typography-font-size-display-mobile-2: 3.625rem; /** Mobile font size of display level 2. */
  --pgn-typography-font-size-display-mobile-3: 4.375rem; /** Mobile font size of display level 3. */
  --pgn-typography-font-size-display-mobile-4: 5.25rem; /** Mobile font size of display level 4. */
  --pgn-typography-font-weight-display-1: 900; /** Font weight of display level 1. */
  --pgn-typography-font-weight-display-2: 900; /** Font weight of display level 2. */
  --pgn-typography-font-weight-display-3: 900; /** Font weight of display level 3. */
  --pgn-typography-font-weight-display-4: 900; /** Font weight of display level 4. */
  --pgn-typography-line-height-display-mobile: 1; /** Mobile line height of display level. */
  --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); /** Space value of level 1 */
  --pgn-spacing-spacer-2: calc(var(--pgn-spacing-spacer-base) * .5); /** Space value of level 2 */
  --pgn-spacing-spacer-3: var(--pgn-spacing-spacer-base); /** Space value of level 3 */
  --pgn-spacing-spacer-4: calc(var(--pgn-spacing-spacer-base) * 1.5); /** Space value of level 4 */
  --pgn-spacing-spacer-5: calc(var(--pgn-spacing-spacer-base) * 3); /** Space value of level 5 */
  --pgn-spacing-spacer-6: calc(var(--pgn-spacing-spacer-base) * 5); /** Space value of level 6 */
  --pgn-spacing-spacer-1-5: calc(var(--pgn-spacing-spacer-base) * .375); /** Space value of level 1.5 */
  --pgn-spacing-spacer-2-5: calc(var(--pgn-spacing-spacer-base) * .75); /** Space value of level 2.5 */
  --pgn-spacing-spacer-3-5: calc(var(--pgn-spacing-spacer-base) * 1.25); /** Space value of level 3.5 */
  --pgn-spacing-spacer-4-5: calc(var(--pgn-spacing-spacer-base) * 2); /** Space value of level 4.5 */
  --pgn-spacing-spacer-5-5: calc(var(--pgn-spacing-spacer-base) * 4); /** Space value of level 5.5 */
  --pgn-typography-font-family-serif: var(--pgn-typography-font-family-sans-serif); /** Serif font family. */
  --pgn-typography-font-size-h5-mobile: var(--pgn-typography-font-size-h5-base); /** Mobile font size of heading level 5. */
  --pgn-typography-font-size-h6-mobile: var(--pgn-typography-font-size-h6-base); /** Mobile font size of heading level 6. */
  --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. */
}
