/* ================================================
   DataQuest — Design System
   Professional · Data Platform · Dark
   ================================================ */

:root {
  /* Backgrounds */
  --bg-base:    #050507;
  --bg-1:       #09090f;
  --bg-2:       #0e0f19;
  --bg-3:       #131523;

  /* Borders */
  --b-subtle:   rgba(255,255,255,.06);
  --b-default:  rgba(255,255,255,.10);
  --b-strong:   rgba(255,255,255,.18);

  /* Excel accent — electric blue */
  --ex:         #3b82f6;
  --ex-bright:  #60a5fa;
  --ex-dim:     rgba(59,130,246,.10);
  --ex-glow:    rgba(59,130,246,.22);

  /* SQL accent — emerald */
  --sq:         #10b981;
  --sq-bright:  #34d399;
  --sq-dim:     rgba(16,185,129,.10);
  --sq-glow:    rgba(16,185,129,.22);

  /* Text */
  --t-1:   #f1f5ff;
  --t-2:   #94a3c0;
  --t-3:   #4a5578;
  --t-4:   #252d45;

  /* Feedback */
  --ok:    #34d399;
  --ok-d:  rgba(52,211,153,.10);
  --err:   #f87171;
  --err-d: rgba(248,113,113,.10);
  --warn:  #fbbf24;
  --warn-d:rgba(251,191,36,.10);

  /* Fonts */
  --f-display: 'Plus Jakarta Sans', sans-serif;
  --f-body:    'Plus Jakarta Sans', sans-serif;
  --f-mono:    'Fira Code', monospace;

  /* Motion */
  --ease:  cubic-bezier(.16,1,.3,1);
  --fast:  .12s;
  --med:   .24s;
  --slow:  .44s;

  /* Shape */
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 16px;
  --r-xl: 24px;

  /* Layout */
  --nav-h:     60px;
  --sidebar-w: 288px;
}