@import url("https://use.typekit.net/wnr7vcb.css");

:root {
  --color-brand: rgb(176, 223, 227);
  --color-brand-secondary: rgb(132, 197, 84);
  --color-brand-tertiary: rgb(236, 159, 57);
  --color-brand-fourth: rgb(25, 45, 34);

  --color-dark: rgb(0, 24, 8);
  --color-light: var(--color-brand);
  --color-white: white;
  --color-black: black;
  
  --font-family-sans: "p22-underground", "Helvetica", "Arial", sans-serif;
  --font-family-heading: var(--font-family-sans);
  
  --button-primary-color: var(--color-brand-tertiary);
  --button-primary-label-color: var(--color-dark);
  --button-primary-font-family: var(--font-family-sans);

  --header-line-color: var(--color-dark); /* Border */

  --primary-theme-color: var(--color-brand-tertiary);
  --secondary-theme-color: var(--color-brand-tertiary);

  --primary-nav-font-family: var(--font-family-sans);
  --primary-nav-font-size: 18px;
  --primary-nav-font-weight: 400;

  --primary-heading-font-family: var(--font-family-sans);
  --primary-text-font-family: var(--font-family-sans);
  --show-date-font-family: var(--font-family-sans);
  --header-logo-width: 100px;

  /* N E W */
  --g-body-primary: var(--color-dark);
  --g-fg-primary: var(--color-light);
  --g-fg-disclaimer: var(--color-brand-secondary); 
  --g-table-notFitMinimum: #404049;
  --g-table-disabled: rgb(44, 44, 44);
  --g-table-available: white;
  --g-header-primary: var(--color-dark);
  --g-header-link: var(--color-light);
  --g-header-link-hover: var(--color-brand-tertiary);
  --g-body-checkout-sidebar: var(--color-brand-fourth);
  --g-calendar-bg-active: var(--color-brand-fourth);
  --g-calendar-fg-active: var(--color-brand);
  --g-calendar-perf-link: var(--color-brand-tertiary);
  --g-bg-input: var(--color-brand-fourth);
  --g-border-color: rgba(238, 237, 236, 0.2);
  --mode: dark;

  .guest-ui h3, .guest-ui h1#show-title, .guest-ui h1 {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 300;
    color: var(--color-brand-secondary);
  }

}