:root {
  --primary: #4b825d; /* Forest leaf green */
  --secondary: #eef6f0; /* Light misty white-green */
  --redcolor: #a33e2e; /* Earthy red for alerts */

  --main-background: linear-gradient(
    0deg,
    rgba(34, 51, 34, 1) 0%,     /* Deep moss green */
    rgba(58, 87, 59, 1) 63%,    /* Foliage green */
    rgba(75, 130, 93, 1) 100%   /* Leafy bright spot */
  );

  --secodary-background: #2e4630; /* Shaded forest ground */
  --third-background: #3e6b4a;    /* Balanced forest green */
  --fourth-background: rgba(75, 130, 93, 0.3); /* Soft leaf-light overlay */

  --nav-background: linear-gradient(
    0deg,
    rgba(75, 130, 93, 1) 0%,
    rgba(34, 51, 34, 1) 100%
  );

  --background-footer: #264632;        /* Deep undergrowth tone */
  --runingtext-background: #3e6b4a;    /* Forest label strip */
  --rtp-background: #b8dbc3;           /* Soft plant green highlight */

  --background: #1e2f21;               /* Dense tree canopy color */
  --secondary-background: #2e4630;
  --mobile-background: #1e2f21;

  --color: #f3fff7;                    /* Pale woodland fog */
  --third: #91c3a1;                    /* Soft natural highlight */
  --footer-color: #d1e7d5;             /* Light green-tinted text */

  --primary-gradient: linear-gradient(to top, #3e6b4a, #4b825d);
  --gold-gradient: linear-gradient(
    to right,
    rgba(192, 232, 194, 0) 0%,
    rgba(192, 232, 194, 0.4) 25%,
    rgba(192, 232, 194, 0.9) 50%,
    rgba(192, 232, 194, 0.4) 75%,
    rgba(192, 232, 194, 0) 100%
  );

  --badge: #c06639;                    /* Tree bark amber */
  --item-background: #365c3f;
  --secondary-item-background: #4b825d;
  --item-background-hover: #5c9c71;

  --danger: #a33e2e;
  --success: #66bb6a; /* Soft natural success green */
}