/* ----------------------------------------------------
   Base — Variables, Resets, Typography
---------------------------------------------------- */

:root {
  /* SAMPLE (blue family) */
  --blue: #2563EB; 
  --blue-hover: #1D4ED8;
  --blue-soft: #3b82f6;

  /* POPULATION (soft greys) */
  --pop: #94a3b8;
  --pop-mean: #64748b;

  /* OTHER */
  --ink: #0f172a;
  --muted: #64748b;
  --grid: #e2e8f0;
  --bg: #ffffff;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  font: 16px/1.45 system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial,
    "Noto Sans", "Liberation Sans", sans-serif;
  color: var(--ink);
  background: var(--bg);
}