/* Parks brand. The template adapters consume these values; they never set them.
   Roboto Condensed is already loaded by the site's existing font stylesheet. */
:root {
  --font-body: "Roboto Condensed", Arial, sans-serif;
  --font-display: "Roboto Condensed", Arial, sans-serif;
  --display-weight: 700;
  --display-tracking: -.025em;
  --cheers-component-background: #ffffff;
  --cheers-component-surface: #e4e5e6;
  --cheers-component-surface-hover: #d7d9dc;
  --cheers-component-text: #20243a;
  --cheers-component-muted: #50576a;
  --cheers-component-heading: #0b0832;
  --cheers-component-accent: #d70c3f;
  --cheers-component-focus: #d70c3f;
  --cheers-component-border: rgb(11 8 50 / 14%);
  --cheers-component-rating: #fff200;
  --parks-rating-gold: #f2b800;
  --parks-rating-on-dark: #f2b800;
  --cheers-component-logo-filter: none;
  --cheers-component-action-text: #ffffff;
  --cheers-component-radius: 20px;
  --cheers-component-button-radius: 999px;
  --site-bar-background: var(--cheers-component-heading);
  --site-bar-text: #ffffff;
  --site-header-background: var(--cheers-component-heading);
  --site-header-text: #ffffff;
  --site-header-border: var(--cheers-component-border);
  --site-header-action: var(--cheers-component-accent);
  --site-header-action-text: #ffffff;
  --site-hero-shade: linear-gradient(90deg, rgb(11 8 50 / 82%), rgb(11 8 50 / 24%));
  --site-hero-accent: #fff200;
  --site-hero-action: var(--cheers-component-accent);
  --site-hero-action-text: #ffffff;
  --site-final-background: var(--cheers-component-heading);
  --site-final-text: rgb(255 255 255 / 82%);
  --site-final-heading: #ffffff;
  --site-final-action: var(--cheers-component-accent);
  --site-final-action-text: #ffffff;
  --site-footer-background: var(--cheers-component-heading);
  --site-footer-text: rgb(255 255 255 / 82%);
  --site-footer-heading: #ffffff;
  --cheers-page-width: 1200px;
  --cheers-page-gutter: 20px;
  --cheers-page-space: clamp(48px, 7vw, 88px);
  --site-header-height: 72px;
  --site-action-bar-height: 64px;
  --parks-surface: var(--cheers-component-surface);
  --parks-surface-hover: var(--cheers-component-surface-hover);
  --parks-heading-weight: var(--display-weight);
  --parks-template-shadow: 0 12px 36px rgb(11 8 50 / 8%);
  --parks-template-button-shadow: inset 0 1px rgb(255 255 255 / 22%), 0 4px 12px rgb(11 8 50 / 12%);
  --parks-template-action-hover: #b80a36;
  --parks-template-glass: rgb(255 255 255 / 14%);
  --parks-template-light-border: rgb(255 255 255 / 24%);
  --parks-template-soft-white: rgb(255 255 255 / 92%);
}