:root {
  --base-color1: #000000; /* Black */
  --base-color2: #ffffff; /* White */
  --color1: #002a3a; /* Dark Blue */
  --color2: #e74f3d; /* Brand Red */
  --color3: #0082ca; /* Primary Blue */
  --color4: #a9a9a9; /* Dark Grey */
  --color5: #e5e5e5; /* 30% Dark grey */
  --color6: #d4d4d4; /* 50% Dark grey */
  --color7: #fefaf1; /* Yellow */
  --color8: #f6dfa4; /* 10% Yellow */

  --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%);
}