:root {
  --primary: #4b0082; /* Deep indigo */
  --secondary: #eae8f7; /* Faint indigo-tinted white */
  --redcolor: #d9534f; /* Muted crimson for warnings/errors */

  --main-background: linear-gradient(
    0deg,
    rgba(10, 10, 25, 1) 0%,     /* Midnight abyss */
    rgba(30, 20, 60, 1) 63%,    /* Subsurface indigo */
    rgba(75, 0, 130, 1) 100%    /* Core indigo glow */
  );

  --secodary-background: #1b112e; /* Abyss base */
  --third-background: #301a49;    /* Faded violet depth */
  --fourth-background: rgba(75, 0, 130, 0.3); /* Subtle indigo mist */

  --nav-background: linear-gradient(
    0deg,
    rgba(75, 0, 130, 1) 0%,
    rgba(10, 10, 25, 1) 100%
  );

  --background-footer: #25193b;       /* Abyssal floor */
  --runingtext-background: #4b0082;   /* Highlight bar */
  --rtp-background: #a994ff;          /* Pale neon violet */

  --background: #0c0c18;              /* Near-black base */
  --secondary-background: #1b112e;
  --mobile-background: #0c0c18;

  --color: #f0f0fa;                   /* Mist white for contrast */
  --third: #998fc7;                   /* Muted indigo highlight */
  --footer-color: #cabdf5;            /* Dimmed soft indigo white */

  --primary-gradient: linear-gradient(to top, #301a49, #4b0082);
  --gold-gradient: linear-gradient(
    to right,
    rgba(173, 156, 255, 0) 0%,
    rgba(173, 156, 255, 0.4) 25%,
    rgba(173, 156, 255, 0.9) 50%,
    rgba(173, 156, 255, 0.4) 75%,
    rgba(173, 156, 255, 0) 100%
  );

  --badge: #ff5e78;                  /* Abyss coral */
  --item-background: #24153d;
  --secondary-item-background: #381c5d;
  --item-background-hover: #5a2d88;

  --danger: #d9534f;
  --success: #3cc88f; /* Emerald contrast */
}