:root {
  --primary: #6f42c1;         /* Royal purple */
  --secondary: #ede3f7;       /* Light lavender for contrast */
  --redcolor: #e74c3c;        /* Danger red */

  --main-background: linear-gradient(
    0deg,
    rgba(39, 17, 71, 1) 0%,     /* Deep violet */
    rgba(86, 44, 146, 1) 63%,   /* Muted royal purple */
    rgba(111, 66, 193, 1) 100%  /* Primary royal purple */
  );

  --secodary-background: #271147;       /* Dark purple base */
  --third-background: #6f42c1;          /* Royal purple highlight */
  --fourth-background: rgba(111, 66, 193, 0.6); /* Translucent royal glow */

  --nav-background: linear-gradient(
    0deg,
    rgba(111, 66, 193, 1) 0%,   /* Royal purple */
    rgba(39, 17, 71, 1) 100%    /* Deep contrast tone */
  );

  --background-footer: #4e2a85;        /* Deep footer purple */
  --runingtext-background: #4e2a85;    /* Matching running text bg */
  --rtp-background: #b799ff;           /* Soft lavender-purple highlight */
}