/* ============================================================
   nahianhasan.com — unified app skin ("Intelligence Bureau")
   Injected into every app. Re-themes chrome colors only; data
   semantics (gain/loss greens & reds, band colors) untouched.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Spline+Sans:wght@300..600&family=Spline+Sans+Mono:wght@300..600&display=swap');

/* ---- shadcn-style HSL variable apps (market-health, cybersec-news,
       bitcoin-fng) — dark is primary brand, light is paper dossier ---- */
:root {
  --background: 39 34% 89%;
  --foreground: 100 7% 11%;
  --card: 39 30% 92%;
  --card-foreground: 100 7% 11%;
  --popover: 39 30% 92%;
  --popover-foreground: 100 7% 11%;
  --primary: 34 81% 37%;
  --primary-foreground: 39 34% 92%;
  --secondary: 39 20% 84%;
  --secondary-foreground: 100 7% 11%;
  --muted: 39 20% 84%;
  --muted-foreground: 43 10% 38%;
  --accent: 39 20% 82%;
  --accent-foreground: 100 7% 11%;
  --border: 45 12% 74%;
  --input: 45 12% 74%;
  --ring: 34 81% 37%;
  --radius: 0rem;
}

.dark {
  --background: 140 11% 5%;
  --foreground: 44 30% 88%;
  --card: 120 8% 8%;
  --card-foreground: 44 30% 88%;
  --popover: 120 8% 8%;
  --popover-foreground: 44 30% 88%;
  --primary: 34 86% 58%;
  --primary-foreground: 140 11% 5%;
  --secondary: 90 7% 13%;
  --secondary-foreground: 44 30% 88%;
  --muted: 90 7% 13%;
  --muted-foreground: 43 14% 59%;
  --accent: 90 7% 15%;
  --accent-foreground: 44 30% 88%;
  --border: 90 7% 16%;
  --input: 90 7% 16%;
  --ring: 34 86% 58%;
}

/* ---- base ---- */
body {
  font-family: 'Spline Sans', -apple-system, 'Segoe UI', sans-serif !important;
}
.font-mono, code, kbd, pre {
  font-family: 'Spline Sans Mono', ui-monospace, 'SF Mono', monospace !important;
}

/* ---- compiled-Tailwind apps (bitcoin-pl, architect-x, earnings-beast):
       remap slate/gray chrome to bureau ink & bone ---- */
.bg-slate-950, .bg-gray-950, .bg-zinc-950 { background-color: #090b0a !important; }
.bg-slate-900, .bg-gray-900, .bg-zinc-900 { background-color: #0c0f0d !important; }
.bg-slate-800, .bg-gray-800, .bg-zinc-800 { background-color: #161a16 !important; }
.bg-slate-700, .bg-gray-700, .bg-zinc-700 { background-color: #20241f !important; }
.bg-slate-600, .bg-gray-600 { background-color: #2d322c !important; }
.hover\:bg-slate-800:hover, .hover\:bg-gray-800:hover { background-color: #1a1e1a !important; }
.hover\:bg-slate-700:hover, .hover\:bg-gray-700:hover { background-color: #242823 !important; }
.hover\:bg-slate-600:hover { background-color: #343931 !important; }
.bg-slate-900\/20 { background-color: rgba(12, 15, 13, 0.2) !important; }
.bg-slate-800\/50, .bg-slate-800\/60 { background-color: rgba(22, 26, 22, 0.55) !important; }

.text-slate-100, .text-gray-100, .text-slate-200, .text-gray-200 { color: #e9e4d6 !important; }
.text-slate-300, .text-gray-300 { color: #cfc9b8 !important; }
.text-slate-400, .text-gray-400 { color: #a59d89 !important; }
.text-slate-500, .text-gray-500 { color: #847d6c !important; }
.text-slate-600, .text-gray-600 { color: #6b6557 !important; }
.hover\:text-slate-100:hover, .hover\:text-slate-200:hover { color: #e9e4d6 !important; }
.hover\:text-slate-300:hover { color: #cfc9b8 !important; }

.border-slate-700, .border-gray-700 { border-color: rgba(233, 228, 214, 0.16) !important; }
.border-slate-800, .border-gray-800 { border-color: rgba(233, 228, 214, 0.09) !important; }
.border-slate-800\/60 { border-color: rgba(233, 228, 214, 0.08) !important; }
.divide-slate-700 > * + * { border-color: rgba(233, 228, 214, 0.16) !important; }
.divide-slate-800 > * + * { border-color: rgba(233, 228, 214, 0.09) !important; }

/* ---- purple is off-brand: remap to signal amber ---- */
.bg-purple-500, .bg-purple-600, .bg-violet-500 { background-color: #f0a138 !important; }
.text-purple-400, .text-purple-500, .text-violet-400 { color: #f0a138 !important; }
.text-purple-700 { color: #ad6b12 !important; }
.border-purple-500 { border-color: #f0a138 !important; }
.from-purple-500 { --tw-gradient-from: #f0a138 !important; }
.to-purple-500 { --tw-gradient-to: #f0a138 !important; }

/* ---- scrollbars ---- */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: #0c0f0d; }
::-webkit-scrollbar-thumb { background: #2d322c; border: 2px solid #0c0f0d; }
::-webkit-scrollbar-thumb:hover { background: #3a3f38; }

::selection { background: #f0a138; color: #0c0f0d; }