:root {
  --primary: #5a7f62; /* Balanced forest green */
  --secondary: #f1f7f4; /* Soft foggy white for backgrounds */
  --redcolor: #b04a3f; /* Earthy terracotta red for alerts */

  --main-background: linear-gradient(
    0deg,
    rgba(50, 65, 50, 1) 0%,      /* Forest shadows */
    rgba(90, 127, 98, 1) 63%,    /* Harmonious mid green */
    rgba(140, 172, 146, 1) 100%  /* Leaf-filtered sunlight */
  );

  --secodary-background: #3c4e3d; /* Shady green-brown */
  --third-background: #6c9474;    /* Harmonious natural green */
  --fourth-background: rgba(140, 172, 146, 0.3); /* Subtle sunlight overlay */

  --nav-background: linear-gradient(
    0deg,
    rgba(90, 127, 98, 1) 0%,
    rgba(50, 65, 50, 1) 100%
  );

  --background-footer: #4d614f;        /* Ground-level moss green */
  --runingtext-background: #6c9474;    /* Highlight strip in harmony */
  --rtp-background: #cfe7d6;           /* Soft green highlight */

  --background: #2e3b2f;               /* Rich, shadowed forest base */
  --secondary-background: #3c4e3d;
  --mobile-background: #2e3b2f;

  --color: #f7fffb;                    /* Gentle light for content */
  --third: #a9c7b0;                    /* Pale leaf tone */
  --footer-color: #d7e9dc;             /* Soft fog green for footer text */

  --primary-gradient: linear-gradient(to top, #5a7f62, #8cac92);
  --gold-gradient: linear-gradient(
    to right,
    rgba(173, 209, 179, 0) 0%,
    rgba(173, 209, 179, 0.4) 25%,
    rgba(173, 209, 179, 0.9) 50%,
    rgba(173, 209, 179, 0.4) 75%,
    rgba(173, 209, 179, 0) 100%
  );

  --badge: #c97b4b;                    /* Warm amber bark tone */
  --item-background: #506b56;
  --secondary-item-background: #6c9474;
  --item-background-hover: #8cac92;

  --danger: #b04a3f;
  --success: #6fb98f; /* Muted green for positive actions */
}