/* ===================== Relacionamiento — tema claro ===================== */
:root {
  color-scheme: light;
  --bg: #f4f5fa;
  --surface: #ffffff;
  --surface-2: #f8f9fc;
  --border: #e4e7ef;
  --border-strong: #d3d8e4;
  --border-hover: #c3c9d8;
  --ink: #141a2e;
  --ink-2: #4a5270;
  --ink-3: #8189a3;
  --primary: var(--brand, #4f46e5);
  --primary-600: color-mix(in srgb, var(--primary) 85%, #000);
  --primary-50: color-mix(in srgb, var(--primary) 8%, #fff);
  --primary-100: color-mix(in srgb, var(--primary) 16%, #fff);
  --accent: #0ea5a4;
  --accent-50: #e6f7f7;
  --hub-ink: #0b7b7a;  --hub-bd: #c4ecec;
  --good: #16a34a;  --good-50: #e9f8ef;  --good-ink: #137a3a;  --good-bd: #c6ecd3;
  --warn: #c27c0e;  --warn-50: #fdf4e3;  --warn-ink: #94600a;  --warn-bd: #f4dfb5;
  --bad: #dc2626;   --bad-50: #fdecec;   --bad-ink: #b42020;   --bad-bd: #f6c9c9;
  --sidebar: #12152b;
  --sidebar-ink: #a8aecb;
  --overlay: rgba(13,16,33,.55);
  --glass: rgba(255,255,255,.92);
  --toast-bg: #141a2e;
  --thumb-bg: #eef0f6;
  --stripe-a: #f2f3f8;
  --stripe-b: #eceef5;
  --line: #c9cfdf;
  --series-1: #2a78d6;  /* categórico 1 (azul) */
  --series-2: #eb6834;  /* categórico 2 (naranja) */
  --dot: #dfe3ee;
  --radius: 14px;
  --radius-sm: 10px;
  --shadow-sm: 0 1px 2px rgba(20,26,46,.06);
  --shadow: 0 1px 3px rgba(20,26,46,.06), 0 6px 16px -6px rgba(20,26,46,.10);
  --shadow-lg: 0 20px 50px -12px rgba(20,26,46,.28);
  --font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}