:root {
  --ink: #24170f;
  --paper: #ccb38a;
  --paper-dark: #8f6d4d;
  --paper-light: #eadcc1;
  --blood: #6c251b;
  --blood-bright: #9d4d34;
  --brass: #b69158;
  --green: #6d7351;
  --green-dark: #28251c;
  --night: #16110d;
  --night-blue: #261d18;
  --mist: rgba(206, 186, 153, 0.16);
  --shadow: rgba(28, 17, 10, 0.58);
}

body::before {
  background:
    radial-gradient(circle at 20% 15%, rgba(255,233,194,0.15), transparent 22rem),
    radial-gradient(circle at 75% 18%, rgba(111,82,58,0.34), transparent 32rem),
    linear-gradient(180deg, #2b211a 0%, #18110d 55%, #0d0907 100%);
}

body::after {
  opacity: 0.13;
}

.moon {
  background: radial-gradient(circle at 38% 35%, #f4ddb3 0%, #c8a978 43%, #796047 70%, transparent 72%);
  box-shadow: 0 0 80px rgba(224, 188, 132, 0.28);
}

.hero {
  background:
    linear-gradient(110deg, rgba(31,22,17,0.88), rgba(49,35,26,0.72)),
    radial-gradient(circle at 80% 25%, rgba(121,72,48,0.28), transparent 24rem);
}

.classification {
  color: #d7b57b;
}

.primary-link {
  background: linear-gradient(180deg, #88513b, #4b271c);
}

.intel-board article,
.field-alert,
.folder-controls {
  background: rgba(31,22,17,0.78);
}

.folder {
  background:
    linear-gradient(135deg, rgba(126,88,49,0.8), rgba(63,42,24,0.9)),
    repeating-linear-gradient(45deg, rgba(255,244,225,0.035) 0 4px, transparent 4px 12px);
}

.folder::before {
  color: #321d11;
  background: #b38a55;
}

.dossier-card {
  background:
    radial-gradient(circle at 12% 18%, rgba(115,55,34,0.13), transparent 8rem),
    linear-gradient(135deg, rgba(255,244,226,0.38), transparent 32%),
    var(--paper);
}

.modal-sheet {
  background:
    radial-gradient(circle at 90% 12%, rgba(115,55,34,0.14), transparent 14rem),
    linear-gradient(90deg, rgba(115,55,34,0.05) 1px, transparent 1px),
    linear-gradient(rgba(36,23,15,0.05) 1px, transparent 1px),
    var(--paper-light);
}

.theme-button.active {
  background: rgba(182,145,88,0.2);
}