:root {
  --bg: #06040b;
  --panel: #12101a;
  --text: #f1eff8;
  --muted: #9993aa;
  --line: #302a40;
  --purple: #9667ff;
  --blue: #4c8dff;
  --soft: #211936;
  --danger: #ff91a8;
}

body {
  min-height: 100vh;
  background:
    radial-gradient(circle at 75% 0, #2c1450 0, transparent 42%),
    linear-gradient(135deg, #020204 0%, #09050f 48%, #190b2e 100%);
  background-attachment: fixed;
}

.panel {
  background: rgba(18, 16, 26, 0.94);
  border-color: var(--line);
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.45);
  backdrop-filter: blur(8px);
}

.drop {
  border-color: #4b4162;
  background: #0c0a12;
}

.drop:hover,
.drop.dragging {
  border-color: var(--purple);
  background: var(--soft);
}

.file-card,
.scanning,
.stats {
  background: #0c0a12;
}

input,
select {
  color-scheme: dark;
  color: var(--text);
  background: #0b0910;
  border-color: #40374f;
}

input::placeholder {
  color: #686276;
}

.toggles label > i {
  background: #494354;
}

.primary:disabled {
  color: #8d8798;
  background: #312d39;
}

.toast {
  color: var(--danger);
  background: #271018;
  border-color: #713044;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.5);
}