:root {
  --primary: #191970; /* Classic midnight blue */
  --secondary: #e8f0ff; /* Faint blue-tinted white for contrast */
  --redcolor: #e74c3c; /* Vibrant red for alerts and errors */
  --main-background: linear-gradient(
    0deg,
    rgba(10, 15, 35, 1) 0%,     /* Deep navy */
    rgba(25, 29, 77, 1) 63%,    /* Midnight core */
    rgba(40, 52, 101, 1) 100%   /* Subtle moonlight shimmer */
  );
  --secodary-background: #121933; /* Pure midnight blue */
  --third-background: #1c264d;    /* Twilight blue */
  --fourth-background: rgba(25, 29, 77, 0.3); /* Subtle overlay tint */
  --nav-background: linear-gradient(
    0deg,
    rgba(25, 29, 77, 1) 0%,
    rgba(10, 15, 35, 1) 100%
  );
  --background-footer: #161d3a;       /* Footer in deep indigo */
  --runingtext-background: #1c264d;   /* Scroll bar / ticker area */
  --rtp-background: #8faadf;          /* Soft blue for RTP or highlights */
  --background: #151515;              /* Near-black navy */
  --secondary-background: #460289;
  --mobile-background: #151515;
  --color: #f0f3ff;                   /* Very soft bluish-white for text */
  --third: #7a8cc4;                   /* Muted steel blue */
  --footer-color: #bccbef;            /* Pale cool footer text */
  --primary-gradient: linear-gradient(to top, #1c0137, #460289);
  --gold-gradient: linear-gradient(
    to right,
    rgba(135, 150, 255, 0) 0%,
    rgba(135, 150, 255, 0.4) 25%,
    rgba(135, 150, 255, 0.9) 50%,
    rgba(135, 150, 255, 0.4) 75%,
    rgba(135, 150, 255, 0) 100%
  );
  --badge: #f39c12;                    /* Gold-orange for highlight badges */
  --item-background: #460289;
  --secondary-item-background: #27315a;
  --item-background-hover: #3a4a80;
  --danger: #e74c3c;
  --success: #2ecc71; /* Fresh green success tone */
}