:root {
  --ink: #111111;
  --paper: #d7d7d3;
  --paper-dark: #b7b7b2;
  --paper-light: #efefeb;
  --blood: #555555;
  --blood-bright: #8c8c8c;
  --brass: #d9d9d3;
  --green: #7f8784;
  --green-dark: #141818;
  --night: #030303;
  --night-blue: #0d0d10;
  --mist: rgba(238, 242, 239, 0.18);
  --shadow: rgba(0, 0, 0, 0.68);
}

body::before {
  background:
    radial-gradient(circle at 22% 15%, rgba(255,255,255,0.16), transparent 21rem),
    radial-gradient(circle at 74% 18%, rgba(214,221,226,0.2), transparent 30rem),
    linear-gradient(180deg, #101010 0%, #070707 55%, #020202 100%);
}

.moon {
  background: radial-gradient(circle at 38% 35%, #ffffff 0%, #d8d8d8 43%, #7b7b7b 70%, transparent 72%);
  box-shadow: 0 0 95px rgba(255,255,255,0.34);
}

.hero,
.intel-board article,
.field-alert,
.folder-controls {
  border-color: rgba(255,255,255,0.22);
}

.hero {
  background:
    linear-gradient(110deg, rgba(4,4,4,0.9), rgba(18,18,18,0.72)),
    radial-gradient(circle at 80% 25%, rgba(255,255,255,0.1), transparent 24rem);
  box-shadow: 0 40px 120px rgba(0,0,0,0.58), 0 0 45px rgba(255,255,255,0.08);
}

h1 {
  text-shadow: 0 0 18px rgba(255,255,255,0.2), 0 0 42px rgba(255,255,255,0.12), 0 12px 2px rgba(0,0,0,0.45);
}

.classification,
.intel-board span,
.search-box span {
  color: #ecece7;
}

.primary-link {
  background: linear-gradient(180deg, #696969, #2c2c2c);
}

.folder {
  background:
    linear-gradient(135deg, rgba(88,88,88,0.76), rgba(30,30,30,0.9)),
    repeating-linear-gradient(45deg, rgba(255,255,255,0.04) 0 4px, transparent 4px 12px);
}

.folder::before {
  color: #131313;
  background: #c7c7c3;
}

.dossier-card {
  background:
    radial-gradient(circle at 12% 18%, rgba(0,0,0,0.08), transparent 8rem),
    linear-gradient(135deg, rgba(255,255,255,0.42), transparent 32%),
    var(--paper);
}

.theme-button.active {
  background: rgba(255,255,255,0.15);
  border-color: rgba(255,255,255,0.5);
  box-shadow: 0 0 18px rgba(255,255,255,0.12);
}