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

:root {
  --color-orange: rgb(222,168,68);
  --color-dark: rgb(116, 40, 16);
  --color-light: rgb(243, 239, 217);
  --color-white: white;
  --color-black: black;
  --font-family-sans: "Josefin Sans", sans-serif;
  --font-family-serif: "Bitter", serif;

  --button-primary-color: var(--color-dark);
  --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-dark); /* Border */
  --header-link-color: var(--color-orange);
  --header-link-color-hover: var(--color-white);
  --header-logo-width: 180px;

  --primary-theme-bg-color: var(--color-white);
  --primary-theme-color: var(--color-dark);
  --secondary-theme-color: var(--color-orange);
  
  --calendar-primary-color: var(--color-black);
  --calendar-secondary-color: var(--color-white);

  --primary-heading-font-family: var(--font-family-serif);
  --primary-nav-font-family: var(--font-family-sans);
  --primary-nav-font-size: 18px;
  --primary-nav-font-weight: 600;

  --primary-text-font-family: var(--font-family-sans);
  --show-date-font-family: var(--font-family-sans);

  --footer-primary-color: var(--color-orange);
}