:root {
  /* Surface & text */
  --bg: #f8fafc;
  --text: #0f172a;
  --muted: #334155;

  /* Cards & borders */
  --card-bg: #ffffff;
  --border: #e2e8f0;

  /* Accents */
  --accent: #0ea5e9;

  /* Status colors */
  --ok: #16a34a;
  --ok-on: #ecfdf5;
  --issue: #ef4444;
  --issue-on: #fef2f2;

  /* Misc */
  --chip-bg: #e5e7eb;

    /* Summary bar emphasis (light) */
  --summary-bg: #f1f5f9;           /* slightly darker than page bg for contrast */
  --summary-border: #cbd5e1;       /* soft cool-gray border */
  --summary-shadow: rgba(0, 0, 0, 0.08);

  /* KPI chip fills (derived from status colors) */
  --ok-bg-soft: color-mix(in srgb, var(--ok) 12%, white);
  --issue-bg-soft: color-mix(in srgb, var(--issue) 12%, white);
  --accent-soft: color-mix(in srgb, var(--accent) 12%, white);

  /* Port table border accent (light) */
  --card-border: #cbd5e1;    /* cool gray for gentle contrast */
}