:root {
  --color-bg: #f4f6f9;
  --color-bg-elevado: #ffffff;
  --color-bg-sutil: #eef1f6;
  --color-borde: #e0e4ea;
  --color-texto: #1c2333;
  --color-texto-suave: #5b6472;
  --color-texto-tenue: #8a93a2;

  --color-primario: #3457d5;
  --color-primario-hover: #2c48b8;
  --color-primario-suave: #e8edfd;

  --color-exito: #1f9d63;
  --color-exito-suave: #e5f7ee;
  --color-aviso: #c98a12;
  --color-aviso-suave: #fbf2e0;
  --color-peligro: #d64545;
  --color-peligro-suave: #fbe9e9;

  --sombra-sm: 0 1px 2px rgba(20, 25, 40, 0.06);
  --sombra-md: 0 4px 14px rgba(20, 25, 40, 0.08);
  --sombra-lg: 0 12px 32px rgba(20, 25, 40, 0.14);

  --radio-sm: 6px;
  --radio-md: 10px;
  --radio-lg: 16px;

  --fuente-sistema: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --transicion: all 0.18s ease;

  --topbar-h: 60px;
  --sidebar-w: 220px;
}

[data-theme="dark"] {
  --color-bg: #12151d;
  --color-bg-elevado: #1a1e29;
  --color-bg-sutil: #202533;
  --color-borde: #2b3142;
  --color-texto: #e7eaf2;
  --color-texto-suave: #a9b0c0;
  --color-texto-tenue: #767f92;

  --color-primario: #6d8bff;
  --color-primario-hover: #86a0ff;
  --color-primario-suave: #202b4f;

  --color-exito: #33c37f;
  --color-exito-suave: #12301f;
  --color-aviso: #e3a63a;
  --color-aviso-suave: #33260c;
  --color-peligro: #e56767;
  --color-peligro-suave: #3a1717;

  --sombra-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
  --sombra-md: 0 4px 14px rgba(0, 0, 0, 0.35);
  --sombra-lg: 0 12px 32px rgba(0, 0, 0, 0.5);
}