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

:root {
  /* Names colors */
  --color--white: #ffffff;
  --color--light-grey: #f5f5f5;
  --color--dark-grey: #000;

  /* Theme colors */
  --color--brand: hsla(346.6995073892deg, 80.2371541502%, 50.3921568627%, 0.9);

  /* Fonts */
  --font: "Gotham", sans-serif;

  /* Border Radius */
  --border-radius: 5px;
  --border-radius--button: 2rem;

  /* Filters */
  --drop-shadow: drop-shadow(0px 3px 16px rgba(0, 0, 0, 0.25));

  /* Button colors */
  --button-bg--primary: #121c4e;
  --button-text--primary: var(--color--white);
  --button-icon--primary: var(--color--white);
  --button-bg--white: var(--color--white);
  --button-text--white: var(--color--brand);
  --button-icon--white: var(--color--brand);
  --button-bg--grey: var(--color--light-grey);
  --button-text--grey: var(--color--dark-grey);
  --button-icon--grey: var(--color--brand);
  --button-bg--dark-grey: var(--color--dark-grey);
  --button-text--dark-grey: var(--color--white);
  --button-icon--dark-grey: var(--color--white);
}