:root {
  --primary: #d2691e; /* Chocolate orange */
  --secondary: #fff3e0; /* Light cream for contrast */
  --redcolor: #c0392b; /* Deep rust red */

  --main-background: linear-gradient(
    0deg,
    rgba(66, 40, 16, 1) 0%,     /* Deep brown */
    rgba(113, 62, 16, 1) 63%,   /* Burnt amber */
    rgba(194, 111, 22, 1) 100%  /* Golden autumn orange */
  );

  --secodary-background: #3e2a1a; /* Dark brown base */
  --third-background: #5e3d24;    /* Rich chestnut */
  --fourth-background: rgba(194, 111, 22, 0.4); /* Muted golden overlay */

  --nav-background: linear-gradient(
    0deg,
    rgba(194, 111, 22, 1) 0%,
    rgba(113, 62, 16, 1) 100%
  );

  --background-footer: #4e2e1f;       /* Deep earth brown */
  --runingtext-background: #5e3d24;   /* Chestnut tone */
  --rtp-background: #e1b382;          /* Soft muted peach-orange */

  --background: #2b1b0f;              /* Dark bark brown */
  --secondary-background: #3a2618;    /* Slightly lighter */
  --mobile-background: #2b1b0f;

  --color: #fef8f4;                   /* Soft cream text */
  --third: #ffbd69;                   /* Golden highlight */
  --footer-color: #d8a35d;            /* Faded harvest yellow */

  --primary-gradient: linear-gradient(to top, #d2691e, #e89c4d);
  --gold-gradient: linear-gradient(
    to right,
    rgba(255, 196, 77, 0) 0%,
    rgba(255, 196, 77, 0.4) 25%,
    rgba(255, 196, 77, 0.9) 50%,
    rgba(255, 196, 77, 0.4) 75%,
    rgba(255, 196, 77, 0) 100%
  );

  --badge: #b23c17;                   /* Deep paprika */
  --item-background: #4b2f1e;
  --secondary-item-background: #633c23;
  --item-background-hover: #7a4f2a;

  --danger: #c0392b;
  --success: #88b04b; /* Muted olive green */
}