/* =========================================================
   PRIL – AUTUMN MODE "EARTH BROWN"
   Warme Braun- & Kupfertöne
   Aktiv bei: html.autumn oder body.autumn
   ========================================================= */

html.autumn,
body.autumn{

  --bg: #2e241c;        /* dunkles Braun */
  --panel: #3a2e25;     /* Lederbraun */
  --panel2: #46382e;    /* Sekundärfläche */

  --border: #5c4a3e;
  --border2: #6d584a;

  --text: #f3ede6;      /* warmes Off-White */
  --muted: #c5b8ac;
  --row-hover:#2a2018;
  --accent: #c26a2e;    /* Kupfer */
  --accent2: #e08b4f;
}

/* ================= BASE ================= */

html.autumn body,
body.autumn{
  background: var(--bg) !important;
  color: var(--text) !important;
}

/* ================= NAVBAR ================= */

html.autumn .navbar{
  background: var(--panel) !important;
  border-bottom: 1px solid var(--border) !important;
}

/* ================= CARDS ================= */

html.autumn .card,
html.autumn .panel,
html.autumn .box,
html.autumn .project-card{
  background: var(--panel) !important;
  border: 1px solid var(--border) !important;
  box-shadow: 0 8px 20px rgba(0,0,0,.35) !important;
}

/* ================= BUTTONS ================= */

html.autumn .btn,
html.autumn button{
  background: #4a3a2f !important;
  color: var(--text) !important;
  border: 1px solid var(--border) !important;
}

html.autumn .btn:hover{
  background: #5a4639 !important;
}

/* ================= INPUTS ================= */

html.autumn input,
html.autumn select,
html.autumn textarea{
  background: #4a3a2f !important;
  color: var(--text) !important;
  border: 1px solid var(--border) !important;
}

/* ================= TABLES ================= */

html.autumn table{
  background: var(--panel) !important;
}

html.autumn th{
  background: #4a3a2f !important;
  font-weight: 800;
}

html.autumn tbody tr:nth-child(even) td{
  background: #413328 !important;
}

/* ================= BADGES ================= */

html.autumn .badge,
html.autumn .pill{
  background: #4a3a2f !important;
  border: 1px solid var(--border) !important;
  color: var(--text) !important;
}

/* ================= SCROLLBARS ================= */

html.autumn ::-webkit-scrollbar-thumb{
  background: rgba(194,106,46,.45);
}