:root {
  --primary: #c21807; /* True ruby red */
  --secondary: #fff5f5; /* Soft rose-tinted white */
  --redcolor: #b00020; /* Strong ruby crimson for alerts */

  --main-background: linear-gradient(
    0deg,
    rgba(44, 0, 10, 1) 0%,       /* Deep ruby shadow */
    rgba(108, 16, 38, 1) 63%,    /* Blood red base */
    rgba(194, 24, 7, 1) 100%     /* Shining ruby core */
  );

  --secodary-background: #4b0e17; /* Dark ruby glass */
  --third-background: #8b1f2e;    /* Dimmed garnet */
  --fourth-background: rgba(194, 24, 7, 0.3); /* Glowing ruby overlay */

  --nav-background: linear-gradient(
    0deg,
    rgba(194, 24, 7, 1) 0%,
    rgba(44, 0, 10, 1) 100%
  );

  --background-footer: #5c111b;         /* Footer in muted red */
  --runingtext-background: #c21807;     /* Scrolling bar or highlight */
  --rtp-background: #ffd6d6;            /* Soft blush for contrast */

  --background: #240106;                /* Base ruby dark */
  --secondary-background: #3b0a12;
  --mobile-background: #240106;

  --color: #fff7f8;                     /* Warm off-white text */
  --third: #ef9a9a;                     /* Light ruby accent */
  --footer-color: #ffccd5;              /* Pale footer text */

  --primary-gradient: linear-gradient(to top, #8b1f2e, #c21807);
  --gold-gradient: linear-gradient(
    to right,
    rgba(255, 204, 204, 0) 0%,
    rgba(255, 204, 204, 0.4) 25%,
    rgba(255, 204, 204, 0.9) 50%,
    rgba(255, 204, 204, 0.4) 75%,
    rgba(255, 204, 204, 0) 100%
  );

  --badge: #ff5252;                     /* Bright scarlet badge */
  --item-background: #61131c;
  --secondary-item-background: #8b1f2e;
  --item-background-hover: #c62828;

  --danger: #b00020;
  --success: #43a047; /* Strong green for contrast */
}