:root {
  --color-primary: rgb(43, 56, 86);
  --color-grey-1: #ffffff;
  --color-grey-2: #f0f0f0;
  --color-text-1: #ffffff;
  --color-text-2: #e0e0e0;
  --color-text-3: #333333;

  --text-color: #fff;
  --bg-color: #090e26;
  --stroke-color: rgba(255, 255, 255, 0.5);
  --surface-color: rgba(255, 255, 255, 0.1);
  --surface-color-hover: rgba(255, 255, 255, 0.05);
  --highlight-color: rgba(255, 255, 255, 0.2);
  --books-header-primary: rgb(19, 25, 33);
  --books-header-secondary: rgba(35, 47, 62);
  --books-text-primary: rgba(19, 25, 33);
  --button-bg: rgba(255, 216, 20);
  --logo-bg: rgba(255, 216, 20);
  --switch-bg-url: url("../assets/sun.svg");
  --filter-icons: invert(100%) sepia(100%) saturate(0%) hue-rotate(-21deg)
    brightness(137%) contrast(73%);
  --scrollbar-bg: rgb(232, 232, 232);
  --scrollbar-color: rgba(0, 0, 0, 0.5);
  --dialog-bg: rgb(255, 216, 20);
  --button-dialog-bg: rgb(255, 216, 20);
  --img-profile: rgb(255, 250, 240);
  --card-special: rgb(255, 216, 20);

  --btn-whats: rgb(32, 186, 90);
}

*,
*::before,
*::after {
  box-sizing: border-box;

  text-decoration: none;
}

html,
body {
  font-family: "Inter", sans-serif;
  color: #333333;

  scroll-behavior: smooth;
  overflow-x: hidden;
}

h1 {
  font-family: "Baskervville", serif;
  color: var(--color-grey-1);
  font-size: 4rem;
}

h2 {
  font-family: "Libre Bodoni", serif;
  font-size: 1.5rem;
  color: var(--color-grey-1);
}

h3,
h4,
h5,
h6 {
  font-size: 1rem;
  color: var(--color-text-2);
}

p {
  font-size: 1.1rem;
  line-height: 1.5;
}

a {
  cursor: pointer;
}