@import "https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap";
@import "https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap";
@import "https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap";
@import "https://fonts.googleapis.com/css2?family=Ephesis&display=swap";

/* src/styles.scss */
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  font-family: Manrope;
}
:root {
  --text-color: white;
  --bg-color: #790336;
  --bg-gradient:
    linear-gradient(
      232deg,
      rgb(121, 3, 54) 0%,
      rgb(40, 0, 50) 100%);
  --text-secondary: rgb(207 207 207);
  --border-color: #dbbebe;
  --card-item-color: white;
  --card-item-text-color: #000125;
  --movie-poster-gradient:
    linear-gradient(
      0deg,
      rgba(121, 3, 54, 1) 0%,
      rgba(40, 0, 50, 0) 40%),
    linear-gradient(
      1232deg,
      rgba(121, 3, 54, 1) 0%,
      rgba(40, 0, 50, 0) 40%);
  --tab-active-color: #ef017a;
  --tabLine-active-color: rgb(138, 0, 156);
  --tabLine-color: rgb(163, 87, 173);
  --shadow-temp-color: black;
  --box-header: white;
}
[data-theme=light] {
  --text-color: #000125;
  --bg-color: white;
  --card-item-color: rgba(34, 18, 51, 1);
  --card-item-text-color: white;
  --movie-poster-gradient:
    linear-gradient(
      0deg,
      rgb(255, 255, 255) 0%,
      rgba(255, 255, 255, 0) 40%),
    linear-gradient(
      180deg,
      rgb(255, 255, 255) 0%,
      rgba(255, 255, 255, 0) 40%);
  --text-secondary: black;
  --box-header: rgb(119, 119, 119);
}
html {
  scroll-behavior: smooth;
}
body.no-scroll {
  overflow: hidden;
  position: fixed;
  width: 100%;
  height: 100%;
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */