:root {
  /* Primary */
  /* --primary: #cc0d39;
  --primary-hover: #ad0b30;
  --primary-dark: #ad0b30; */

  --secondary: #000;
  --secondary-hover: #000;
  --secondary-light: #9ecbe6;
  --title: #000;
  --bg-light: #9ecbe6;
  /* --light-dark: #feeb9d; */
  --light-dark: #a7bffe;
  --theme-text-color: #000000;
  --dark: #151f37;
  --dark-light: #f9f9f9;

  /* Primary RGBA */
  --rgba-primary-1: rgba(204, 13, 57, 0.1);
  --rgba-primary-2: #04356c;
  --rgba-primary-3: rgba(204, 13, 57, 0.3);
  --rgba-primary-4: rgba(204, 13, 57, 0.4);
  --rgba-primary-5: rgba(204, 13, 57, 0.5);
  --rgba-primary-6: rgba(204, 13, 57, 0.6);
  --rgba-primary-7: rgba(204, 13, 57, 0.7);
  --rgba-primary-8: rgba(204, 13, 57, 0.8);
  --rgba-primary-9: rgba(204, 13, 57, 0.9);

  /* Gradient */
  --gradient1: linear-gradient(307deg, #A7BFFE 1.9%, #9ecbe6 67.57%);
  --gradient2: linear-gradient(307deg, #A7BFFE 1.9%, #9ecbe6 85.96%);
}