:root {
  --bg-primary: #10121B;
  --bg-secondary: #181A25;
  --bg-surface: #000000;

  --border-primary: #242633;
  --border-secondary: rgba(255, 255, 255, 0.2);
  --border-surface: rgba(119, 59, 255, 0.50);
  --border-surface-20: rgba(119, 59, 255, 0.20);

  --color-primary: #773BFF;
  --color-secondary: #A604F4;
  --color-surface: #142655;

  --color-danger: #FB393C;
  --color-success: #80fb39;

  --gradient-primary: linear-gradient(90deg, #773BFF 0%, #A703F4 100%);
  --gradient-secondary: linear-gradient(90deg, #7939FF 0%, #FFF 100%);

  --text-primary: #FFFFFF;
  --text-secondary: #3A415B;
  --text-surface: #808080;

  --white: #fff;
  --black: #000;
  --light: #fafafa;
  --dark: #050505;

  --font-heading: "Manrope", sans-serif;
  --font-body: "Manrope", sans-serif;
}