:root {
  --primary: #00c896; /* Cool mint green */
  --secondary: #e6fff6; /* Pale mint for background contrast */
  --redcolor: #e74c3c; /* Standard alert red */

  --main-background: linear-gradient(
    0deg,
    rgba(0, 55, 45, 1) 0%,     /* Deep forest green */
    rgba(0, 104, 84, 1) 63%,   /* Cool pine green */
    rgba(0, 200, 150, 1) 100%  /* Mint highlight */
  );

  --secodary-background: #003a30; /* Dark cool green */
  --third-background: #00785f;    /* Sea green */
  --fourth-background: rgba(0, 200, 150, 0.3); /* Translucent mint overlay */

  --nav-background: linear-gradient(
    0deg,
    rgba(0, 200, 150, 1) 0%,
    rgba(0, 104, 84, 1) 100%
  );

  --background-footer: #00594a;        /* Deep teal footer */
  --runingtext-background: #00785f;    /* Same as third-background */
  --rtp-background: #b2f1e0;           /* Soft mint highlight */

  --background: #00221b;               /* Very dark green */
  --secondary-background: #003a30;
  --mobile-background: #00221b;

  --color: #ebfff9;                    /* Off-white with mint tint */
  --third: #8ce7c7;                    /* Muted soft green */
  --footer-color: #b8f2df;             /* Light mint text color */

  --primary-gradient: linear-gradient(to top, #00c896, #00785f);
  --gold-gradient: linear-gradient(
    to right,
    rgba(0, 200, 150, 0) 0%,
    rgba(0, 200, 150, 0.4) 25%,
    rgba(0, 200, 150, 0.9) 50%,
    rgba(0, 200, 150, 0.4) 75%,
    rgba(0, 200, 150, 0) 100%
  );

  --badge: #ff6f61;                    /* Coral (stands out against green) */
  --item-background: #004f40;
  --secondary-item-background: #00695c;
  --item-background-hover: #00a98c;

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