:root {
  --primary: #e4b400; /* Bold citrine yellow */
  --secondary: #fff9e6; /* Pale yellow background */
  --redcolor: #e74c3c; /* Strong red for warnings/errors */

  --main-background: linear-gradient(
    0deg,
    rgba(102, 61, 0, 1) 0%,     /* Deep amber */
    rgba(179, 111, 0, 1) 63%,   /* Golden bronze */
    rgba(228, 180, 0, 1) 100%   /* Bright citrine */
  );

  --secodary-background: #4b3400; /* Rich earthy tone */
  --third-background: #996c00;    /* Muted amber highlight */
  --fourth-background: rgba(228, 180, 0, 0.4); /* Citrine glow overlay */

  --nav-background: linear-gradient(
    0deg,
    rgba(228, 180, 0, 1) 0%,
    rgba(179, 111, 0, 1) 100%
  );

  --background-footer: #5f3d00;       /* Deep golden brown */
  --runingtext-background: #996c00;   /* Medium golden tone */
  --rtp-background: #ffe680;          /* Soft yellow highlight */

  --background: #2e1c00;              /* Dark roasted gold base */
  --secondary-background: #3e2900;    /* Slightly lighter */
  --mobile-background: #2e1c00;

  --color: #fffaf0;                   /* Soft off-white for text */
  --third: #f5d061;                   /* Warm gold accent */
  --footer-color: #f0c144;            /* Brighter footer text */

  --primary-gradient: linear-gradient(to top, #e4b400, #f5d061);
  --gold-gradient: linear-gradient(
    to right,
    rgba(255, 223, 70, 0) 0%,
    rgba(255, 223, 70, 0.4) 25%,
    rgba(255, 223, 70, 0.9) 50%,
    rgba(255, 223, 70, 0.4) 75%,
    rgba(255, 223, 70, 0) 100%
  );

  --badge: #ff6f00;                   /* Bright orange-gold */
  --item-background: #553800;
  --secondary-item-background: #805800;
  --item-background-hover: #b67800;

  --danger: #e74c3c;
  --success: #a0d468; /* Earthy lime green */
}