/* @import url('https://fonts.googleapis.com/css2?family=Playfair+Display&family=Open+Sans&display=swap'); */

:root {
  --color-brand: rgb(0, 169, 157);
  --color-brand-secondary: rgb(246, 137, 48);
  --color-light: rgb(237, 237, 237);
  --color-dark: rgb(51, 51, 51);
  --color-white: #ffffff;
  --color-black: #000000;
  
  --font-family-sans: "Verdana", "Geneva", sans-serif;;

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

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

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

  --calendar-primary-color: var(--color-black);
  --calendar-secondary-color: var(--color-white);

  --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: 200px;

  /* N E W */

  --g-color-brand-primary: var(--color-brand);
  --g-surface-header: var(--color-dark);
  --g-fg-header: var(--color-brand);
  --g-color-brand-dark: var(--color-dark);
  --g-color-brand-light: var(--color-light);
  --g-body-checkout-sidebar: var(--color-light);

}