/* Theme variables */
:root {
  --bg: #0f1317;
  --panel: #171c21;
  --panel-2: #1f252c;
  --text: #e6e8ea;
  --muted: #9aa3ad;
  --primary: #baa361;
  --primary-600: #a89250;
  --primary-700: #927d41;
  --border: #2a3139;
  --success: #3fb983;
  --error: #e25d5d;
}

* { box-sizing: border-box; }
html, body { height: 100%; }
body {
  margin: 0;
  font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  background: linear-gradient(180deg, var(--bg), #0b0e11);
  color: var(--text);
}

.app-container { min-height: 100vh; }

.brand {
  font-weight: 700;
  letter-spacing: 0.4px;
  color: var(--primary);
}

.flash-list { list-style: none; padding: 0; margin: 0 0 12px; }
.flash { padding: 10px 12px; border-radius: 8px; background: var(--panel-2); border: 1px solid var(--border); }
.flash.success { border-color: var(--success); }
.flash.error { border-color: var(--error); }

/* Ensure filter popover has readable dark text on white background */
.filter-popover {
  color: #111;
}
.filter-popover label span {
  color: #111;
}