/**
 * Static Theme tokens
 */

:root {
  /*  Base Colors */
  --color-white: #fff;
  --color-black: #292c3d;
  --color-grey-lighter: #e1e2e9;
  --color-grey: #6f7079;
  --color-grey-light: #c4c6c8;
  --color-grey-dark: #626366;
  --color-auth-light: #8b8d97;
  --color-auth-lightgray: #6e7079;
  --color-surface-canvas: #ffffff;
  --color-surface-container: #ffffff;
  --color-surface-neutral: #f5f6f9;
  --color-surface-reversed: #292c3d;
  --color-surface-input: #ffffff;
  --color-surface-page-top: #ffffff;

  --color-surface-interactive-base: rgba(240, 245, 255, 0);
  --color-surface-interactive-targeted: #f0f5ff;
  --color-surface-interactive-pressed: rgba(240, 245, 255, 0);
  --color-danger-base: #d92644;
  --color-danger-weak: #ffe2e5;
  --color-interactive-base: #003da5;
  --color-interactive-targeted: #004bcc;
  --color-interactive-pressed: #003da5;
  --color-interactive-active: #004bcc;

  --primary-blue: #004e9b;
  --dark-blue: #1a3668;
  --darker-blue: #1d2b44;
  --secondary-blue: #163c9f;
  --primary-red: #dc1c2e;

  /* Measurements */
  --measurement-sizing-full: 100%;
  --measurement-spacing-0: 0rem;
  --measurement-spacing-4: 0.25rem;
  --measurement-spacing-8: 0.5rem;
  --measurement-spacing-12: 0.75rem;
  --measurement-spacing-16: 1rem;
  --measurement-spacing-20: 1.25rem;
  --measurement-spacing-24: 1.5rem;
  --measurement-spacing-32: 2rem;
  --measurement-spacing-36: 2.25rem;
  --measurement-spacing-40: 2.5rem;
  --measurement-spacing-48: 3rem;
  --measurement-spacing-54: 3.5rem;
  --measurement-spacing-58: 3.75rem;
  --measurement-spacing-92: 5.75rem;
  --measurement-spacing-112: 7rem;
  --measurement-spacing-120: 7.5rem;
  --measurement-spacing-128: 8rem;
  --measurement-spacing-132: 8.25rem;
  --measurement-spacing-136: 8.5rem;
  --measurement-spacing-144: 9rem;
  --measurement-spacing-152: 9.5rem;
  --measurement-spacing-160: 10rem;
  --measurement-spacing-184: 11.5rem;
  --measurement-spacing-192: 12rem;
  --measurement-spacing-312: 19.5rem;
  --measurement-spacing-336: 21rem;
  --measurement-spacing-368: 23rem;
  --measurement-spacing-384: 24rem;
  --measurement-spacing-400: 25rem;
  --measurement-spacing-496: 31rem;

  --sm-radius: 5px;
  --sm-md-radius: 8px;
  --md-radius: 10px;
  --md-lg-radius: 12px;
  --lg-radius: 20px;

  /* Grid */
  --integer-columns: 12;
  --measurement-column: 1fr;

  /* Text */
  --color-text-base: #292c3d;
  --color-text-targeted: #292c3d;
  --color-text-pressed: #131520;
  --color-text-weak: #5a5e72;
  --weight-base: 400;
  --weight-medium: 500;
  --weight-strong: 700;
  --case-heading-6: uppercase;
  --case-loud: uppercase;
  --measurement-line-height-weaker: 1rem;
  --measurement-line-height-weak: 1.25rem;
  --measurement-line-height-base: 1.5rem;
  --measurement-line-height-heading-1-base: 1.5rem;
  --measurement-line-height-heading-1-md: 2rem;
  --measurement-line-height-heading-1-lg: 2.5rem;
  --measurement-line-height-heading-2-base: 1.5rem;
  --measurement-line-height-heading-2-md: 1.5rem;
  --measurement-line-height-heading-2-lg: 2rem;
  --measurement-line-height-heading-3-base: 1.25rem;
  --measurement-line-height-heading-3-md: 1.5rem;
  --measurement-line-height-heading-3-lg: 2rem;
  --measurement-line-height-heading-4-base: 1.25rem;
  --measurement-line-height-heading-4-md: 1.25rem;
  --measurement-line-height-heading-5-base: 1.25rem;
  --measurement-line-height-heading-5-md: 1.25rem;
  --measurement-line-height-heading-6: 1.25rem;
  --measurement-text-size-weaker: 0.688rem;
  --measurement-text-size-weak: 0.75rem;
  --measurement-text-size-base: 0.875rem;
  --measurement-text-size-strong: 1rem;
  --measurement-text-size-heading-1-base: 1.375rem;
  --measurement-text-size-heading-1-md: 1.5rem;
  --measurement-text-size-heading-1-lg: 2rem;
  --measurement-text-size-heading-2-base: 1.25rem;
  --measurement-text-size-heading-2-md: 1.375rem;
  --measurement-text-size-heading-2-lg: 1.75rem;
  --measurement-text-size-heading-3-base: 1.125rem;
  --measurement-text-size-heading-3-md: 1.25rem;
  --measurement-text-size-heading-3-lg: 1.5rem;
  --measurement-text-size-heading-4-base: 1rem;
  --measurement-text-size-heading-4-md: 1.125rem;
  --measurement-text-size-heading-5-base: 0.875rem;
  --measurement-text-size-heading-5-md: 1rem;
  --measurement-text-size-heading-6: 0.75rem;

  /* Icons */
  --color-icon-base: #5a5e72;
  --color-icon-targeted: #5a5e72;
  --color-icon-pressed: #292c3d;
  --color-icon-weak: #75798a;
  --color-icon-button-base: #fff;
  --color-icon-button-secondary: #5a5e72;
  --measurement-icon-weak: 1rem;
  --measurement-icon-base: 1.5rem;
  --measurement-icon-strong: 2rem;

  /* Borders */
  --color-border: #c2c6d6;
  --color-border-targeted: #5a5e72;
  --color-border-primary: #dc1c2e;
  --color-border-map-pin: #003da5;
  --color-border-map-pin-bottom: #003da5;
  --measurement-stroke-none: 0rem;
  --measurement-stroke-base: 0.0625rem;
  --measurement-stroke-strong: 0.125rem;
  --measurement-curvature-base: 0.25rem;
  --measurement-curvature-strong: 0.5rem;
  --style-stroke: solid;

  /* Transitions */
  --time-transition: 0.15s;

  /* Media Queries */
  --measurement-view-sm: 36rem;
  --measurement-view-md: 48rem;
  --measurement-view-lg: 60rem;
  --measurement-view-xl: 72rem;

  /* Alert */
  --color-alert-content-danger: #ad1f36;
  --color-alert-content-info: #007dc3;
  --color-alert-content-success: #359764;
  --color-alert-content-warning: #c2840a;
  --color-alert-container-danger: #fdf2f4;
  --color-alert-container-info: #e7f5fe;
  --color-alert-container-success: #ecf8f2;
  --color-alert-container-warning: #fef6e7;

  /* Button */
  --color-button-primary-container-fill-default: #dc1c2e;
  --color-button-primary-container-fill-targeted: #ec4656;
  --color-button-primary-container-fill-pressed: #dc1c2e;
  --color-button-primary-container-fill-disabled: #fdced3;
  --color-button-primary-content-fill-default: #ffffff;
  --color-button-primary-content-fill-targeted: #ffffff;
  --color-button-primary-content-fill-pressed: #ffffff;
  --color-button-primary-content-fill-disabled: #ffffff;
  --color-button-secondary-container-fill-default: #003da5;
  --color-button-secondary-container-fill-map-default: #003da5;
  --color-button-secondary-container-fill-targeted: #004bcc;
  --color-button-secondary-container-fill-pressed: #003da5;
  --color-button-secondary-container-fill-disabled: #ccdfff;
  --color-button-secondary-container-stroke-default: #003da5;
  --color-button-secondary-container-stroke-targeted: #004bcc;
  --color-button-secondary-container-stroke-pressed: #003da5;
  --color-button-secondary-container-stroke-disabled: #ccdfff;
  --color-button-secondary-content-fill-default: #ffffff;
  --color-button-secondary-content-fill-targeted: #ffffff;
  --color-button-secondary-content-fill-pressed: #ffffff;
  --color-button-secondary-content-fill-disabled: #ffffff;
  --color-button-tertiary-container-fill-default: #ffffff;
  --color-button-tertiary-container-fill-targeted: #f0f5ff;
  --color-button-tertiary-container-fill-pressed: #ffffff;
  --color-button-tertiary-container-fill-disabled: #ffffff;
  --color-button-tertiary-container-stroke-default: #c2c6d6;
  --color-button-tertiary-container-stroke-targeted: #c2c6d6;
  --color-button-tertiary-container-stroke-pressed: #c2c6d6;
  --color-button-tertiary-container-stroke-disabled: #dfe2ec;
  --color-button-tertiary-content-fill-default: #003da5;
  --color-button-tertiary-content-fill-targeted: #004bcc;
  --color-button-tertiary-content-fill-pressed: #003da5;
  --color-button-tertiary-content-fill-disabled: #ccdfff;
  --color-button-tertiary-text-default: #292c3d;
  --color-button-quaternary-container-fill-default: rgba(240, 245, 255, 0);
  --color-button-quaternary-container-fill-targeted: #f0f5ff;
  --color-button-quaternary-container-fill-pressed: rgba(240, 245, 255, 0);
  --color-button-quaternary-container-fill-disabled: rgba(240, 245, 255, 0);
  --color-button-quaternary-content-fill-default: #003da5;
  --color-button-quaternary-content-fill-targeted: #004bcc;
  --color-button-quaternary-content-fill-pressed: #003da5;
  --color-button-quaternary-content-fill-disabled: #ccdfff;
  --color-button-senary-container-fill-default: #1a3668;
  --color-button-senary-container-fill-map-default: #1a3668;
  --color-button-senary-container-fill-targeted: #2b5399;
  --color-button-senary-container-fill-pressed: #1a3668;
  --color-button-senary-container-fill-disabled: #7685a4;
  --color-button-senary-content-fill-default: #ffffff;
  --color-button-senary-content-fill-targeted: #ffffff;
  --color-button-senary-content-fill-pressed: #ffffff;
  --color-button-senary-content-fill-disabled: #ffffff;
  --color-button-favorited: #dc1c2e;

  /* Site Nav */
  --nav-logo-height-mobile: 22px;
  --nav-logo-height: 28px;

  /* Site Footer */
  --color-surface-footer: #1a3668;
  --color-footer-text-base: #fff;

  /* Card Tags */
  --color-tag-background: #003da5;
  --color-tag-text: #ffffff;

  /* Z Index */
  --z-index-filter-dropdown: 12;
  --z-index-modal: 13;
  --z-index-nav-dropdown: 7;
  --z-index-nav: 5;
  --z-index-pop-up: 4;
  --z-index-dropdown: 3;
  --z-index-secondary: 2;
  --z-index-flat: 1;
  --z-index-behind: -1;

  /* General */
  --filter-button-w-dropdown-desktop-max-height: 65vh;
  --filter-button-w-dropdown-mobile-max-height: 100vh;
  --filter-button-w-drop-down-mobile-max-height: 95vh;
  --filter-button-w-drop-down-desktop-max-height: 75vh;
  --srp-map-bottom-height-small: 74px;
  --srp-map-bottom-height-large: 114px;
}