: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: #0a0f1f;              /* Near-black navy */
  --secondary-background: #121933;
  --mobile-background: #0a0f1f;

  --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, #191970, #283465);
  --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: #1a213f;
  --secondary-item-background: #27315a;
  --item-background-hover: #3a4a80;

  --danger: #e74c3c;
  --success: #2ecc71; /* Fresh green success tone */
}