:root {
  /* TIPOGRAFÍAS */
  /* Una sola familia en toda la app. --font-heading se mantiene como alias
     para no tocar cada regla que ya lo usa. */
  --font-body: 'DM Sans', system-ui, -apple-system, sans-serif;
  --font-heading: var(--font-body);
  --font-size: 15px;

  /* COLORES INSTITUCIONALES */
  --kine-blue-950: #0a1730;
  --kine-blue-900: #142b5c;
  --kine-blue-800: #1a3570;
  --kine-blue-700: #1d4ed8;
  --kine-blue-500: #3b6fe0;
  --kine-blue-100: #dbe4f5;
  --kine-blue-50:  #f0f4f8;

  --kine-red-700:  #9c1c2e;
  --kine-red-600:  #c81e3a;
  --kine-red-100:  #f3d7db;
  --kine-red-50:   #f8ebec;

  /* DEGRADADOS */
  --sidebar-gradient: linear-gradient(160deg, #1d3f7a 0%, var(--kine-blue-800) 32%, var(--kine-blue-950) 78%, #170f2a 100%);
  --sidebar-glow: radial-gradient(120% 70% at 20% 0%, rgba(59, 111, 224, 0.35) 0%, rgba(59, 111, 224, 0) 55%);
  --page-gradient: linear-gradient(165deg, #f6f9fc 0%, #eef2f8 45%, #e9eef6 100%);
  --header-gradient: linear-gradient(120deg, #ffffff 0%, #f7f9fc 100%);

  /* COLORES SEMÁNTICOS */
  --positive: var(--kine-blue-700);
  --positive-bg: var(--kine-blue-50);
  --positive-border: var(--kine-blue-100);
  --neutral-bg: #e8edf3;
  --neutral-border: #d7e0ea;
  --neutral-fg: #5b6b83;

  --text-main: #1a2740;
  --text-muted: #5b6b83;
  --border-color: #dde5ef;
  --radius-md: 8px;
  --radius-lg: 12px;
}