/* core/static/css/base/variables.css */
:root{
  --bg: #f4f6fb;
  --text: #0f172a;
  --muted: #64748b;

  --blue: #2563eb;
  --blue-soft: rgba(37,99,235,0.16);

  --pill-bg: rgba(255,255,255,0.92);
  --border: rgba(15,23,42,0.06);
  --shadow: 0 10px 24px rgba(15, 23, 42, 0.06);

  --radius-pill: 999px;

  /* Global spacing tokens */
  --container-pad: 16px;
  --radius-card: 22px;
}

@media (min-width: 768px){
  :root{ --container-pad: 20px; }
}
@media (min-width: 1200px){
  :root{ --container-pad: 24px; }
}