/* Sovereign Tracker — Triple Identity Color System
 * Per Doc-MBA: emerald #10b981 (Pelari), purple #7c3aed (Founder), gold #c9a961 (Capster)
 * Deep base: #2a1a4a · Magenta accent: #c026d3
 */
:root {
  --color-deep: #1e1430;
  --color-deep-2: #2a1a4a;
  --pelari: #10b981;
  --pelari-2: #059669;
  --founder: #7c3aed;
  --capster: #c9a961;
  --magenta: #c026d3;
}

html, body { background: radial-gradient(circle at 20% 0%, rgba(124, 58, 237, 0.10) 0%, transparent 45%),
                          radial-gradient(circle at 90% 30%, rgba(16, 185, 129, 0.08) 0%, transparent 50%),
                          radial-gradient(circle at 50% 100%, rgba(201, 169, 97, 0.07) 0%, transparent 55%),
                          #0b0a14; }

.bg-deep { background-color: transparent; }

/* tabular alignment for KPIs */
.tabular-nums { font-variant-numeric: tabular-nums; }

/* subtle scrollbar */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: #0b0a14; }
::-webkit-scrollbar-thumb { background: #2a1a4a; border-radius: 8px; }
::-webkit-scrollbar-thumb:hover { background: #3b2563; }

/* form inputs (override tailwind reset for date/number on dark bg) */
input[type="date"], input[type="number"], input[type="text"], select, textarea {
  color-scheme: dark;
  border-width: 1px;
  border-style: solid;
}
input::placeholder { color: #64748b; }

/* prose tweaks for /about */
.prose code { background: rgba(124, 58, 237, 0.15); padding: 2px 6px; border-radius: 4px; font-size: 0.85em; color: #c4b5fd; }

/* status pulse */
.status-green  { background-color: #10b981; box-shadow: 0 0 8px #10b981; }
.status-yellow { background-color: #f59e0b; box-shadow: 0 0 8px #f59e0b; }
.status-red    { background-color: #ef4444; box-shadow: 0 0 8px #ef4444; }
.status-gray   { background-color: #64748b; }