/* ============================================================
   Geovatra · dashboard.css
   Theme: Dark Industrial · Refined GIS Professional
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=Syne:wght@400;600;700;800&family=Geist+Mono:wght@300;400;500&display=swap');

/* ── CSS Variables ── */
:root {
  --bg-void:        #080a0c;
  --bg-base:        #dce5f1;
  --bg-surface:     #2c3e50;
  --bg-raised:      #161e28;
  --bg-overlay:     #1a2332;
  --bg-hover:       rgb(52, 152, 219);
  --bg-hover-secondary: rgb(52, 152, 219);

  --border-faint:   rgba(255,255,255,0.04);
  --border-subtle:  rgba(255,255,255,0.08);
  --border-default: rgba(255,255,255,0.12);
  --border-strong:  rgba(255,255,255,0.22);

  --text-primary:   #000000;
  --text-secondary: #8a99aa;
  --text-muted:     #d8d8d8;
  --text-dim:       #2e3a4a;

  --accent:         rgb(52, 152, 219);
  --accent-secondary: #00e5a0;;
  --accent-dim:     rgba(0,229,160,0.12);
  --accent-glow:    rgba(0,229,160,0.25);
  --accent-subtle:  rgba(0,229,160,0.06);

  --warn:           #f59e0b;
  --danger:         #ef4444;
  --info:           #3b82f6;

  --radius-sm:      6px;
  --radius-md:      12px;
  --radius-lg:      20px;
  --radius-xl:      28px;

  --font-ui:        'Inter', sans-serif;
  --font-mono:      'DM Mono', monospace;

  --shadow-float:   0 8px 32px rgba(0,0,0,0.6), 0 2px 8px rgba(0,0,0,0.4);
  --shadow-panel:   0 0 0 1px var(--border-subtle), 0 20px 60px rgba(0,0,0,0.7);
  --shadow-card:    0 4px 16px rgba(0,0,0,0.4);

  --transition:     all 0.18s cubic-bezier(0.4, 0, 0.2, 1);
}