@import url('https://fonts.googleapis.com/css2?family=Jost:wght@400;500;600&display=swap');

:root {
    --color-red: #bf2227;
    --color-light: #FAF9F8;
    --color-gray-dark: hsl(0, 0%, 13%);
    --color-white: #ffffff;
    --font-family-sans: "Jost", sans-serif;

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

    --header-primary-color: var(--color-gray-dark);
    --header-line-color: var(--color-gray-dark); /* Border */
    --header-link-color: var(--color-white);
    --header-link-color-hover: var(--color-white);
    --header-logo-width: 116.27px;

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

    --calendar-primary-color: var(--color-gray-dark);
    --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);

  /* N E W */
  --g-bg-input: var(--color-light);
	--g-fg-disclaimer: var(--color-gray-dark);

}