:root {
  --redcolor: #e74c3c; /* Kept for warnings/errors */

  --main-background: linear-gradient(
      0deg,
      rgba(49, 27, 76, 1) 0%,     /* Deep amethyst */
      rgba(72, 43, 99, 1) 63%,    /* Rich purple */
      rgba(89, 52, 117, 1) 100%   /* Slightly brighter violet */
  );

  --secodary-background: #3c1e58; /* Deep violet */
  --third-background: #4b2c6d; /* Royal amethyst */
  --fourth-background: rgba(89, 52, 117, 0.6); /* Muted overlay in violet */

  --background-footer: #5e3a82; /* Softer footer violet */
  --runingtext-background: rgba(89, 52, 117, 1); /* Solid amethyst */
  --rtp-background: #a678de; /* Light amethyst for highlights */

  --background: #2e1b3f;
  --secondary-background: #3a235a;
  --mobile-background: #2e1b3f;
  --color: #f0e6f6; /* Light lavender for text */
  
  --primary: #b084dc; /* Amethyst base tone */
  --secondary: #3c1e58;
  --third: #aa8bcf; /* Subtle purple-gray */
  --footer-color: #a77ecb; /* Slight lavender-magenta tone */
  
  --primary-gradient: linear-gradient(to top, #663399, #a678de);
  --gold-gradient: linear-gradient(
      to right,
      rgba(186, 137, 241, 0) 0%,
      rgba(186, 137, 241, 0.4) 25%,
      rgba(186, 137, 241, 0.9) 50%,
      rgba(186, 137, 241, 0.4) 75%,
      rgba(186, 137, 241, 0) 100%
  );

  --badge: #e74c3c; /* Keep for alerts */
  --navbar-background: linear-gradient(
      0deg,
      rgba(32, 14, 51, 1) 0%,
      rgba(45, 23, 65, 1) 63%,
      rgba(58, 30, 82, 1) 100%
  );

  --item-background: #3a1f56;
  --secondary-item-background: #4b2c6d;
  --item-background-hover: #5e3a82;

  --danger: #e74c3c;
  --success: #9be7c4; /* Soft mint for success, complementary to amethyst */
}