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

  --main-background: linear-gradient(
      0deg,
      rgba(10, 25, 47, 1) 0%,
      rgba(15, 35, 65, 1) 63%,
      rgba(20, 45, 85, 1) 100%
  );

  --secodary-background: #0e1f33; /* Deep abyss blue */
  --third-background: #122b45; /* Slightly lighter abyss blue */
  --fourth-background: rgba(20, 45, 85, 0.6); /* Muted overlay of abyss tone */

  --background-footer: #1c3a53; /* Footer with abyss tone */
  --runingtext-background: rgba(20, 45, 85, 1); /* Solid abyss blue for running text */
  --rtp-background: #1976d2; /* Deep vivid blue (still stands out but in theme) */

  --background: #0d1824;
  --secondary-background: #12202f;
  --mobile-background: #0d1824;
  --color: #dbe9f4; /* Light blue-white for text on dark background */
  
  --primary: #1976d2; /* Strong but theme-fitting blue */
  --secondary: #0e1f33; /* Abyss shadow */
  --third: #6c8db4; /* Muted cyan/blue-grey */
  --footer-color: #3c5a78; /* Medium blue-grey tone */
  
  --primary-gradient: linear-gradient(to top, #123456, #1c3a53);
  --gold-gradient: linear-gradient(
      to right,
      rgba(28, 68, 100, 0) 0%,
      rgba(28, 68, 100, 0.4) 25%,
      rgba(28, 68, 100, 0.9) 50%,
      rgba(28, 68, 100, 0.4) 75%,
      rgba(28, 68, 100, 0) 100%
  );

  --badge: #e74c3c; /* Kept for alerts */
  --navbar-background: linear-gradient(
      0deg,
      rgba(5, 10, 20, 1) 0%,
      rgba(10, 20, 30, 1) 63%,
      rgba(20, 35, 50, 1) 100%
  );
  
  --item-background: #152232;
  --secondary-item-background: #1a2e44;
  --item-background-hover: #23415f;

  --danger: #e74c3c; /* Kept for consistency */
  --success: #00b894; /* Deep teal for success */
}