:root {
  --primary: #6a0dad; /* Classic royal purple */
  --secondary: #f8f4ff; /* Soft lavender-white for contrast */
  --redcolor: #c0392b; /* Regal deep red for alerts */

  --main-background: linear-gradient(
    0deg,
    rgba(34, 0, 51, 1) 0%,     /* Dark indigo base */
    rgba(84, 19, 136, 1) 63%,  /* Rich royal purple */
    rgba(106, 13, 173, 1) 100% /* Highlighted violet */
  );

  --secodary-background: #2a003d; /* Regal plum */
  --third-background: #4b0082;    /* Indigo depth */
  --fourth-background: rgba(106, 13, 173, 0.3); /* Purple glow */

  --nav-background: linear-gradient(
    0deg,
    rgba(106, 13, 173, 1) 0%,
    rgba(34, 0, 51, 1) 100%
  );

  --background-footer: #3c0a5e;         /* Footer in deep violet */
  --runingtext-background: #6a0dad;     /* Marquee or action bar */
  --rtp-background: #d8c6ff;            /* Light lavender-violet */

  --background: #1a002b;                /* Dark royal base */
  --secondary-background: #2a003d;
  --mobile-background: #1a002b;

  --color: #f9f5ff;                     /* Gentle off-white for readability */
  --third: #bca2e4;                     /* Soft royal lilac */
  --footer-color: #decafc;              /* Elegant footer text */

  --primary-gradient: linear-gradient(to top, #6a0dad, #a45ee0);
  --gold-gradient: linear-gradient(
    to right,
    rgba(255, 215, 0, 0) 0%,
    rgba(255, 215, 0, 0.4) 25%,
    rgba(255, 215, 0, 0.9) 50%,
    rgba(255, 215, 0, 0.4) 75%,
    rgba(255, 215, 0, 0) 100%
  );

  --badge: #ffd700;                     /* Royal golden badge */
  --item-background: #33004d;
  --secondary-item-background: #4b0082;
  --item-background-hover: #8431c2;

  --danger: #c0392b;
  --success: #27ae60; /* Emerald green success */
}