/*
 * loqal Global Theme – Dark Premium CI
 * Overrides old light-theme variables on all subpages.
 * Loaded last so it wins over per-page :root definitions.
 */

@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700;800;900&family=Inter:wght@300;400;500;600;700&display=swap');

:root {
  --bg-body:         #030303 !important;
  --bg-card:         #0a0a0a !important;
  --bg-card-hover:   #111111 !important;
  --bg-accent:       #19d6dc !important;
  --bg-accent-hover: #14bfc5 !important;
  --bg-muted:        #0f0f0f !important;
  --bg-input:        #0a0a0a !important;
  --text-primary:    #f5f5f7 !important;
  --text-secondary:  #86868b !important;
  --text-muted:      #3d3d3f !important;
  --text-on-accent:  #000000 !important;
  --border-color:    rgba(255,255,255,0.06) !important;
  --shadow-color:    rgba(0,0,0,0.9) !important;
  --glass-bg:        rgba(3,3,3,0.94) !important;
  --glass-border:    rgba(255,255,255,0.06) !important;
  --grid-line:       rgba(255,255,255,0.02) !important;
  --green-accent:    #19d6dc !important;
  --green-bg:        rgba(25,214,220,0.06) !important;
  --spotlight-color: rgba(25,214,220,0.03) !important;
  --urgency-bg:      rgba(25,214,220,0.06) !important;
  --urgency-text:    #86868b !important;
}

/* Always dark – override html.dark and class="dark" */
html, html.dark, html[class~="dark"] {
  --bg-body:         #030303;
  --bg-card:         #0a0a0a;
  --bg-card-hover:   #111111;
  --bg-accent:       #19d6dc;
  --bg-accent-hover: #14bfc5;
  --bg-muted:        #0f0f0f;
  --bg-input:        #0a0a0a;
  --text-primary:    #f5f5f7;
  --text-secondary:  #86868b;
  --text-muted:      #3d3d3f;
  --text-on-accent:  #000000;
  --border-color:    rgba(255,255,255,0.06);
  --shadow-color:    rgba(0,0,0,0.9);
  --green-accent:    #19d6dc;
  --green-bg:        rgba(25,214,220,0.06);
}

/* Base */
body {
  font-family: 'Inter', sans-serif !important;
  background-color: var(--bg-body) !important;
  color: var(--text-primary) !important;
}

::selection { background: #19d6dc; color: #000; }
::-webkit-scrollbar { width: 0; background: transparent; }

/* Cards / surfaces */
.bg-white, [class*="bg-white"],
.bg-gray-50, .bg-gray-100, .bg-gray-200 {
  background-color: var(--bg-card) !important;
  color: var(--text-primary) !important;
}

/* Text utilities that need inverting */
.text-gray-900, .text-gray-800, .text-gray-700 { color: var(--text-primary) !important; }
.text-gray-600, .text-gray-500               { color: var(--text-secondary) !important; }
.text-gray-400, .text-gray-300               { color: var(--text-muted) !important; }

/* Borders */
.border, .border-gray-200, .border-gray-300  { border-color: var(--border-color) !important; }

/* Accent / CTA buttons – map old accent to cyan */
.bg-green-600, .bg-green-500,
.bg-orange-500, .bg-orange-600,
.bg-indigo-600, .bg-indigo-500,
.bg-blue-600, .bg-blue-500,
[class*="bg-accent"] {
  background-color: var(--bg-accent) !important;
  color: var(--text-on-accent) !important;
}

.text-green-600, .text-green-500,
.text-orange-500, .text-orange-600,
.text-indigo-600, .text-blue-600,
[class*="text-accent"] {
  color: var(--bg-accent) !important;
}

/* Header / Nav */
header, nav {
  background-color: rgba(3,3,3,0.94) !important;
  backdrop-filter: blur(24px);
  border-color: var(--border-color) !important;
}

/* Inputs */
input, textarea, select {
  background-color: var(--bg-input) !important;
  color: var(--text-primary) !important;
  border-color: var(--border-color) !important;
}
input::placeholder, textarea::placeholder { color: var(--text-muted) !important; }

/* Link color */
a { color: inherit; }
a:hover { color: var(--bg-accent); }

/* Dividers */
hr { border-color: var(--border-color) !important; }

/* Code blocks */
pre, code { background: var(--bg-muted) !important; color: var(--bg-accent) !important; }