@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@200;400;600&family=Roboto:wght@200;400&display=swap');
@import url("https://use.typekit.net/zgj6fyy.css");

:root {
  --color-brand: rgb(72, 96, 86);
  --color-brand-secondary: rgb(141, 90, 70);

  --color-dark: rgb(8, 19, 30);
  --color-light-2: rgb(223, 229, 225);
  --color-light: rgb(247, 243, 243);
  --color-white: white;
  --color-black: black;
  
  --font-family-sans: "Work Sans", "Arial", sans-serif;
  --font-family-heading: "thirsty-script", sans-serif;

  --button-primary-color: var(--color-brand);
  --button-primary-label-color: var(--color-white);
  --button-primary-font-family: var(--font-family-sans);

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

  --primary-theme-bg-color: var(--color-light);
  --primary-theme-color: var(--color-brand-secondary);

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

  --calendar-primary-color: var(--color-brand);

  --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-heading);
  --primary-text-font-family: var(--font-family-sans);
  --show-date-font-family: var(--font-family-sans);
  --header-logo-width: 80px;

  /* N E W */
  --g-body-primary: var(--color-light);
  --g-fg-primary: var(--color-black);
  --g-fg-disclaimer: black; 
  --g-table-notFitMinimum: #404049;
  --g-table-disabled: #e0e0e0;
  --g-table-available: black;
  --g-header-primary: var(--color-brand);
  --g-header-link: var(--color-white);
  --g-header-link-hover: var(--color-brand-secondary);
  --g-body-checkout-sidebar: var(--color-light-2);
  /* --g-calendar-bg-active: var(--color-light-2); */
  /* --g-calendar-fg-active: var(--color-black); */
  --g-calendar-perf-link: var(--color-brand-secondary);

  .guest-ui h3, .guest-ui h1#show-title, .guest-ui h1 {
    color: var(--color-brand-secondary)
  }

}