/* variables.css */
:root {
  --asp-plum: #392d4c;
  --asp-green: #00ceab;

  /* V2 Colors */
  --white: #ffffff;
  --BG-dark: #e4e8f7;
  --BG-light: #f1f3fb;
  --color-dark: #3a2d4c;
  --color-mid: #8e0ea9;
  --color-mid-summit-s26: #680b7d;
  --color-light: #d870f3;
  --color-green-light: #04d0a6;
  --color-green-lightest: #82e0c5;
  --dark-text: #020417;
  --new-gradient: linear-gradient(to right, #5f1778, #3a2d4c, #00d2a8);
  --new-gradient-hover: linear-gradient(
    to left,
    #5f1778 50%,
    #3a2d4c 50%,
    #00d2a8 65%
  );
  --background-light: #eff1f9;
  --gradient-s7: linear-gradient(
    90deg,
    var(--color-mid-summit-s26) 60%,
    var(--color-green-light)
  );

  /* Summit Colors */
  --summit-gradient: linear-gradient(to right, #d870f3, #8782f7);
  --summit-gradient-down: linear-gradient(to top, #d870f3, #8782f7);
  --summit-purple: #8782f7;
  --summit-pink: #d870f3;

  /* Fonts */
  --font-family: 'Akkurat-Bold', 'Roboto', sans-serif;
  --font-big: 60px;
  --font-large: 54px;
  --font-medium: 30px;
  --font-medium-summit: 21px;
  --font-normal: 18px;
  --font-default: 16px;
  --font-small: 14px;
  font-weight: 400;
}