:root {
  --base-color1: #000000; /* Black */
  --base-color2: #ffffff; /* White */
  --color1: #0c101c; /* Primary color */
  --color2: #fcaf18; /* secondary color */
  --color3: #e5e5e5; /* Grey color */
  --color4: #a9a9a9; /* Dark Grey */
  --color5: #410e42; /* Primary color */
  --color6: #5f6f81; /* Grey color */
  --color7: #0070c9;
  --color8: #fa4616;
  --color9: #a9a9a9;
  --color10: #181c27;
  --color11: #d16be4;

  --movies-list: 0px 2px 4px 0px #6464647f;
  --movie-banner: rgba(var(--base-color1), 0.2);
  --button-blue-back: linear-gradient(90deg, var(--color10) 0%, var(--color11) 100%);
  --button-pink-back: linear-gradient(90deg, #dd014e 0%, #9f176e 100%);
  --header-multi-back: linear-gradient(270deg, #e0004d 6.66%, var(--color9) 34.69%, var(--color11) 63.68%, #0280ae 78.89%, var(--color10) 90.79%);
  --date-pink-back: linear-gradient(90deg, #e0004d 0%, var(--color9) 100%);
  --button-shadow: 0px 4px 4px 0px #00000040;
  --button-shadow1: 0px 2px 4px 0px #6464647f;
  --modal-shadow: 2px 2px 2px 3px #0000004e;
  --buttonshadow: linear-gradient(var(--base-color2), var(--base-color2)) padding-box, linear-gradient(90deg, var(--color10) 0%, var(--color11) 100%);
  --triangle-arrow: linear-gradient(90deg, #e0004d 0%, var(--color9) 100%);
  --line-blue: linear-gradient(0deg, var(--color10) 0%, var(--color3) 92.21%);
}